JSFiddle - React, Tailwind, and code Playground

by shapeshifta

HTML

<div id="helpBar"><span id="question">War diese Seite für Sie hilfreich??? <input type="button" value="Ja" /><input type="button" value="Nö" /></span> <a href="http://www.ab-in-den-urlaub.de">Frame entfernen</a></div>
<iframe id="view" width="100%" src="http://www.ab-in-den-urlaub.de" frameborder="0" allowTransparancy="true" />

CSS

body{overflow:hidden;padding:0;min-width:460px}
#helpBar {height:24px;background:url("http://jsfiddle.net/img/top-bg.png") repeat-x scroll 0 0 #3D668F;color:#fff;font-weight:bold;padding:10px 20px;overflow:hidden}
#helpBar a {float:right; color:#fff}
#view{width:100%}

JavaScript

var frame = $('#view'),
    win = $(window),
    framer = function(){
        //Fensterhöhe - Leiste oben
        var availHeight = win.height() - $('#helpBar').outerHeight();
        //iframe-Höhe setzen
        frame.attr('height', availHeight);
    };

$('#question input').click(function(){
    $(this)
        .parent()
        .hide()
        .html('Vielen Dank für Ihre Bewertung!')
        .fadeIn();
});

//Wenn iframe verfügbar, Höhe angleichen
frame.ready(framer);

//bei resize auch wieder Höhe angleichen
win.bind('resize', framer);