Startpagina / Familienaam zoeken

Via deze widget worden de volgende websites doorzocht op familienaam: Genealogie Online, de Stamboom Gids, het Stamboom Forum en het Wie (onder)zoekt wie? register. Het resultaat van de zoekactie is een lijst met het aantal resultaten per website. Deze lijst, die via Javascript tot stand komt, wordt een dag gecached en is via CSS op te maken.

Voorbeeld

Hieronder ziet u hoe het familienaam zoeken widget eruit ziet (in uw browser) en werkt:





    CSS voorbeelden: 1 2 (Stamboomzoeker) 3 4 (CBG)
    Tekst type: Lang Kort

    Code

    Om het widget op uw website, weblog of social network profiel te plaatsen dient u eerst de volgende regel op te nemen op de plaats waar de lijst moet komen :

    <ul id="familienaam_zoek"></ul>
    

    Aan het einde van het HTML bestand, net voor de </body> tag, dient de volgende regel opgenomen te worden (voorkomt blokkerende opbouw van het scherm):

    <script type="text/javascript" src="http://widgets.coret.org/familienaam_zoek/js?q={familienaam}"></script>
    

    Het {familienaam} deel is een variabele waar de de familienaam ingevuld moet worden!

    Opmaak

    De uitvoer van deze widget gebruikt diverse CSS class identifiers. De website waar de widget in wordt gebruikt kan de volgende CSS classes instellen:

    • #familienaam_zoek - De hoofdcontainer (bevat een unordered list)
    • #familienaam_zoek li - Lijst element (de regels)
    • #familienaam_zoek a.fz_result - Link naar resultaat
    • #familienaam_zoek a.fz_noresult - Link naar services als er nul resultaten zijn (aanvullend op #familienaam_zoek a.fz_result)
    • #familienaam_zoek a.fz_service - Link naar service (Genealogie Online, Stamboom Forum, Stamboom Gids, Wie (onder)zoekt wie?)
    • #familienaam_zoek span.fz_naam - De gezochte familienaam

    Hieronder de CSS die is gebruikt bij bovenstaand voorbeeld:

    
    
    #familienaam_zoek { border:1px solid #BCE772; padding:5px; font-family:arial; font-size:0.9em; }
    #familienaam_zoek li { margin-left:20px; list-style-type: square; line-height:1.4em; }
    #familienaam_zoek a.fz_result { font-weight:bold; color:#333; }
    #familienaam_zoek a.fz_noresult { font-weight:normal; text-decoration:none; color:#000; }
    #familienaam_zoek a.fz_service { font-weight:bold; text-decoration:none; color:#333; }
    #familienaam_zoek span.fz_naam { font-style: italic; }