JSFiddle - React, Tailwind, and code Playground

by thomi_ch

HTML

<link rel="stylesheet" href="http://dev-wuerth-ag-intranet.win-soft.ch/system/plugins/jquery/plugins/fancybox/jquery.fancybox-1.3.4.css">
<script src="http://dev-wuerth-ag-intranet.win-soft.ch/system/plugins/jquery/plugins/fancybox/jquery.fancybox-1.3.4.pack.js"></script>
<script src="http://dev-wuerth-ag-intranet.win-soft.ch/system/plugins/jquery/plugins/fancybox/jquery.easing-1.3.pack.js"></script>
<script src="http://dev-wuerth-ag-intranet.win-soft.ch/system/plugins/jquery/plugins/fancybox/jquery.mousewheel-3.0.4.pack.js"></script>
<script type="text/javascript" language="JavaScript">
function openFancybox(url)
{
    console.log(url);
    $.fancybox({
        'padding'    : 0,
        'autoScale'    : false,
        'transitionIn'    : 'none',
        'transitionOut'    : 'none',
        'title'        : this.title,
        'width'        : 800,
        'height'    : 600,
        'type'        : 'inline',
        'href'        : url
        });
}
</script>

<select style="width: 220px;" name="menu1" onchange="openFancybox($(this).val())">
    <option value="http://www.wmx.ch">Allschwil</option>
<option value="http://www.wmx.ch">Altst&auml;tten</option>
<option value="xx">Amriswil</option>
<option value="xx">Arlesheim</option>
</select>