I know that this is an "ancient" issue, but I can't solve my problem.
So I have a form for subcrining to email delivery from other site, and I want to integrate this form t my page "Contacts", but it doesn't work properly.
This is a form code:
<!-- SmartResponder.ru subscribe form code (begin) -->
<link rel="stylesheet" href="https://imgs.smartresponder.ru/e1bbeb24091b44f1f4048bbc87edacd11278fd23/">
<script type="text/javascript" src="https://imgs.smartresponder.ru/52568378bec6f68117c48f2f786db466014ee5a0/"></script>
<script type="text/javascript">
_sr(function() {
_sr('form[name="SR_form_365251_68"]').find('div#sr-preload_').prop('id', 'sr-preload_365251_68');
_sr('#sr-preload_365251_68').css({'width':parseInt(_sr('form[name="SR_form_365251_68"]').width() + 'px'), 'height':parseInt(_sr('form[name="SR_form_365251_68"]').height()) + 'px', 'line-height':parseInt(_sr('form[name="SR_form_365251_68"]').height()) + 'px'}).show();
if(_sr('form[name="SR_form_365251_68"]').find('input[name="script_url_365251_68"]').length) {
_sr.ajax({
url: _sr('input[name="script_url_365251_68"]').val() + '/' + (typeof document.charset !== 'undefined' ? document.charset : document.characterSet),
dataType: "script",
success: function() {
_sr('#sr-preload_365251_68').hide();
}
});
}
});
</script>
<div id="outer_alignment" align="center">
<form style="width: 299px; border: 1px solid rgb(200, 200, 200); margin-left: ; border-radius: 0px;" class="sr-box" method="post" action="https://smartresponder.ru/subscribe.html" name="SR_form_365251_68">
<input name="field_name" class="sr-name" type="text">
<div id="sr-preload_" style="display: none; background-color: #f6f6f6; opacity: 0.5; position: absolute; z-index: 100; text-align: center; font: bold 15px Arial;">Загрузка...</div>
<ul class="sr-box-list"><li class="sr-365251_68" style="text-align: center; background-color: rgb(251, 251, 251); border: 0px solid rgb(0, 0, 0); border-radius: 0px; height: auto;"><label style="font-family: arial; color: rgb(84, 93, 103); font-size: 18px; font-weight: bold; height: auto; line-height: 25px;" class="">Подписка на рассылку</label><input style="font-family: Arial; color: rgb(0, 0, 0); font-size: 12px; font-style: normal; font-weight: normal; background-color: rgb(255, 255, 255); border: medium none; box-shadow: none;" value="" name="element_header" type="hidden"></li><li class="sr-365251_68" style="text-align: center; background-color: rgb(251, 251, 251); border-radius: 0px; height: 50px;"><label class="remove_labels" style="font-weight: normal; font-family: arial; color: rgb(0, 0, 0); font-size: 12px; font-style: normal; display: none;"></label><input value="Ваше имя:" style="background-image: none; font-weight: normal; background-color: rgb(255, 255, 255); font-family: arial; color: rgb(200, 200, 200); font-size: 12px; font-style: normal; border: 1px solid rgb(200, 200, 200); border-radius: 0px; height: 35px; box-shadow: none; margin-top: 15px;" name="field_name_first" type="text"></li><li class="sr-365251_68" style="text-align: center; background-color: rgb(251, 251, 251); border-radius: 0px; height: 50px;">
<label class="remove_labels" style="font-weight: normal; font-family: arial; color: rgb(0, 0, 0); font-size: 12px; font-style: normal; display: none;"></label>
<input value="Ваш email-адрес:" style="background-image: none; font-weight: normal; background-color: rgb(255, 255, 255); font-family: arial; color: rgb(200, 200, 200); font-size: 12px; font-style: normal; border: 1px solid rgb(200, 200, 200); border-radius: 0px; height: 35px; box-shadow: none; margin-top: 15px;" name="field_email" class="sr-required" type="text">
</li><li class="sr-365251_68" style="text-align: center; height: 50px; background-color: rgb(251, 251, 251); border-radius: 0px; border: 0px none;"><label class="remove_labels" style="font-weight: normal; font-family: arial; color: rgb(0, 0, 0); font-size: 12px; font-style: normal; display: none;"></label><input value="Разблокировать форму" style="margin-top: 15px; background-image: none; font-weight: normal; background-color: rgb(255, 255, 255); font-family: arial; color: rgb(200, 200, 200); font-size: 12px; font-style: normal; border: 1px solid rgb(200, 200, 200); border-radius: 0px; text-align: center; padding-left: 48px; width: 100%; height: 35px; box-shadow: none;" name="element_captcha" onkeypress="return false;" type="text"><div aria-disabled="false" style="height: 35px; width: 197px;" class="sr-slider-captcha ui-slider ui-slider-horizontal ui-widget ui-widget-content ui-corner-all"><a style="left: 0%; background: transparent url('https://imgs.smartresponder.ru/on/2bb3e04dc29b7e2ca88d1772ede99877cd713c4b/') no-repeat scroll center bottom; text-align: center; top: -55px; margin: 2px; display: block; position: absolute; border: 0px none; width: 48px; height: 31px;" class="ui-slider-handle ui-state-default ui-corner-all sr-slider-handle" href=" void(0);"></a></div></li><li class="sr-365251_68" style="text-align: center; height: 50px; background-color: rgb(251, 251, 251); border-radius: 0px; border: 0px none;"><input style="font-family: Arial; color: rgb(0, 0, 0); font-size: 12px; font-style: normal; font-weight: normal; background-color: rgb(255, 255, 255); border: medium none; box-shadow: none;" value="" name="element_privacy" type="hidden"><table id="elem_table_element_privacy" style="display:inline-table; border-collapse: separate;" border="0" cellpadding="0" cellspacing="0"><tbody><tr><td style="background: transparent url('https://imgs.smartresponder.ru/on/60085662f066f6eb63104ba44dbe21ec3df28f7b/') no-repeat scroll 0% 42%; width: 14px; height: 16px;" id="elem_left_element_privacy" valign="middle"></td><td id="elem_container_element_privacy" style="vertical-align: middle;"><label style="font-family: arial; color: rgb(173, 173, 173); font-size: 11px; font-weight: bold; margin-left: 5px; text-align: left;" class="sr-element">Никакого спама, гарантируем!</label></td><td id="elem_right_element_privacy"></td></tr></tbody></table></li><li class="sr-365251_68" style="text-align: center; background-color: rgb(251, 251, 251); border-radius: 0px; border: 0px none; height: 65px;"><table id="elem_table_subscribe" style="display: inline-table; border-collapse: separate; margin-top: 12px;" border="0" cellpadding="0" cellspacing="0"><tbody><tr><td style="background: transparent url('https://imgs.smartresponder.ru/on/bb76f843df9be26bc9c673d51311b75f02a4a48d/') no-repeat scroll left center; width: 17px; height: 35px;" id="elem_left_subscribe" valign="middle"></td><td id="elem_container_subscribe" style="vertical-align: middle;"><input style="font-family: arial; color: rgb(255, 255, 255); font-size: 14px; font-weight: bold; border: 0px solid rgb(240, 240, 240); background: transparent url('https://imgs.smartresponder.ru/on/29cdddd2c7584ef90392a40e9f768a8629cd0337/') repeat scroll left center; height: 35px; width: 100%; margin: 0px; padding: 0px 12px; box-shadow: none;" name="subscribe" value="Подписаться" type="submit"></td><td style="background: transparent url('https://imgs.smartresponder.ru/on/246c141e33d5150d05cc1c6aaa8cf835f4387a36/') no-repeat scroll left center; width: 17px; height: 35px;" id="elem_right_subscribe"></td></tr></tbody></table></li></ul>
<input name="uid" value="143496" type="hidden">
<input name="did[]" value="837074" type="hidden"><input name="tid" value="1604547" type="hidden"><input name="lang" value="ru" type="hidden"><input value="https://imgs.smartresponder.ru/on/88db2b53ce07cad94e3f631b77de1769e7d0e8c7/365251_68" name="script_url_365251_68" type="hidden"></form>
</div>
<!-- SmartResponder.ru subscribe form code (end) -->
So it consists of 3 parts - CSS, SCRIPTs and HTML.
This is the ways, which I have tried but they don't work:
1) put all in the module using Basic text redactor
2) put HTML in the module and SCRIPT and CSS in the header before module
3) put HTML and SCRIPT in the module, and write CSS in the property of the whole page
4) put CSS in the CSS file on the server
5) use special "Will Strohl's Content Injection Modulemodule type"
6) delete the links to external site (smartresponder) and insert CSS text and SCRIPT text directly to the module (and tried ways 1 to 5 again)
So I have to make a link like a "click here to subscribe" which open simple single html document on my site (not a page of DNN, but a clear document without anything else except of subscribe form) and so it works... But it doesn't suit me...
How can I integrate this form to DNN?