Dec. 27. 2017
Width of vote-box
Once the setup for a poll is done, you receive the HTML-code to include into your website. This looks more or less like the code in the box below. To adjust the width of the vote-box on your website you can easily change the width parameter (yellow) according your requirements. This might be a “px” or “%” value.
<script>
function receiveMessage(event) { var message = event.data.split(':'); var eventName = message[0]; var iframes, len, i = 0; var senderDomains = ['http://www.enketon.com']; if (!Array.prototype.indexOf) {Array.prototype.indexOf = function(obj, start) { for (var i = (start || 0), j = this.length; i < j; i++) { if (this[i] === obj) { return i; } } return -1;}} if ( senderDomains.indexOf(event.origin) !== -1 && eventName === 'resize' ) { iframes = document.getElementsByTagName('iframe'); len = iframes.length; for (; i < len; i++) { if ( ( iframes[i].contentWindow || iframes[i].documentWindow ) == event.source) { iframes[i].style.height = message[1] + "px"; return; } } } } if ( window.addEventListener ) {window.addEventListener('message', receiveMessage, false); } else if (window.attachEvent) {window.attachEvent('onmessage', receiveMessage); }
</script>
Please make sure not to copy the code from this box since other parameters will be wrong in your case!
Knowing that you don't have to care about the width-setting during the setup process of your poll!!!
function receiveMessage(event) { var message = event.data.split(':'); var eventName = message[0]; var iframes, len, i = 0; var senderDomains = ['http://www.enketon.com']; if (!Array.prototype.indexOf) {Array.prototype.indexOf = function(obj, start) { for (var i = (start || 0), j = this.length; i < j; i++) { if (this[i] === obj) { return i; } } return -1;}} if ( senderDomains.indexOf(event.origin) !== -1 && eventName === 'resize' ) { iframes = document.getElementsByTagName('iframe'); len = iframes.length; for (; i < len; i++) { if ( ( iframes[i].contentWindow || iframes[i].documentWindow ) == event.source) { iframes[i].style.height = message[1] + "px"; return; } } } } if ( window.addEventListener ) {window.addEventListener('message', receiveMessage, false); } else if (window.attachEvent) {window.attachEvent('onmessage', receiveMessage); }
</script>
<iframe src="http://www.enketon.com/survey4.php?g=nul&p=1752" id="responsive-iframe" scrolling="no" frameborder="0" width="320px"></iframe>
Here some examples of how different values will change the appearance:
Width value set to 100%:Width value set to 50%:
Width value set to 260px:
Feel free to leave a comment: Your Name: |