Jak utworzyć kod osadzania dla innych witryn
Mam serwis portalu pracy, z którego inni użytkownicy mogą korzystać na swoich stronach i blogach. kopiują osadzony kod z mojej witryny, wklejają go w swojej witrynie i wyświetlają tablicę zadań na swojej stronie internetowej. jak stworzyć ten kod osadzania każdy może mi pomóc.
Oto przykład monster.com wydawca strona internetowa.
Kliknij przycisk Pobierz przykładowy kod.
<div id="MonsterJobSearchResultPlaceHolderIy8AAA_e_e" class="xmns_distroph"></div>
<script type="text/javascript">
(function() {
var oScript = document.createElement('script');
oScript.type = 'text/javascript';
oScript.async = true;
oScript.src = ('https:' == document.location.protocol ? 'https://' : 'http://') + 'publisher.monster.com/Services/WidgetHandler.ashx?WidgetID=EAAQgDMlA5vzabXFzuv86ZpLpA--&Verb=Initialize';
var oParent = document.getElementsByTagName('script')[0];
oParent.parentNode.insertBefore(oScript, oParent);
})();
</script>
<a id="monsterBrowseLinkIy8AAA_e_e" class="monsterBrowseLink fnt4" href="http://jobsearch.monster.com/browse/">View More Job Search Results</a>
2 answers
Istnieje Wiele Sposobów, aby osiągnąć swój cel. Ponieważ nie wyjaśniłeś wprost swojej potrzeby, podaję prosty przykład:
<script type='text/javascript' charset='utf-8'>
var iframe = document.createElement('iframe');
document.body.appendChild(iframe);
iframe.src = 'URL OF CONTENT YOU WANT TO PROVIDE';
iframe.width = 'THE WIDTH YOU WANT';
iframe.height = 'THE HEIGHT YOU WANT';
</script>
- zmodyfikuj kod zgodnie z potrzebami
- escape this code in your html
- baw się dobrze ze swoim niesamowitym wbudowanym widgetem!
Warning: date(): Invalid date.timezone value 'Europe/Kyiv', we selected the timezone 'UTC' for now. in /var/www/agent_stack/data/www/doraprojects.net/template/agent.layouts/content.php on line 54
2012-12-31 08:20:11
Jak utworzyć Embed z Javascript w .cs
W 2011 roku firma została założona w 2011 roku.js'; / / podaj swoją ścieżkę jsFormBuilder(921,'MjEzNjkxMjU='); w tej metodzie pierwszy parametr podaj wysokość formularza, a drugi nazwę lub Id formularza. tam Id jest zakodowany format
StringBuilder sb = new StringBuilder();
sb.Append("<script type='text/javascript'>");
sb.Append("(function(d, t) { var s = d.createElement(t), options = {");
sb.Append("'async':true };");
sb.Append("s.src = ('https:' == d.location.protocol ? 'https://' : 'http://') + 'localhost:3197/website/js/embed/form.js';");
sb.Append("s.onload = s.onreadystatechange = function() {");
sb.Append("var rs = this.readyState; if (rs) if (rs != 'complete') if (rs != 'loaded') return;");
sb.Append("try { frm = new FormBuilder("+Form Height+",'"+FormId+"');frm.initialize(options);frm.display(); }");
sb.Append("catch (e) {}};");
sb.Append("var scr = d.getElementsByTagName(t)[0], par = scr.parentNode; par.insertBefore(s, scr);");
sb.Append("})(document, 'script');</script>");
txtjavascript.Value = sb.ToString(); // text box name
Po utworzeniu embed script prosty i łatwy sposób wklej ten skrypt tam, gdzie chcesz pokazać na innej stronie po tym
(function (d, t) { var s = d.createElement(t), options = {'async':true }; s. src = ('https:'= = d.lokalizacja.protokół ? 'https://': 'http://') + "localhost:3197 / website / js/embed / form.js'; s. onload = s. onreadystatechange = function () {var RS = this.readyState; if (rs) if (rs != "complete") if (rs != 'loaded') return; try { frm = new FormBuilder (921,'MjEzNjkxMjU='); frm.initialize(opcje); frm.display ();} catch (e) {}}; var scr = d. getElementsByTagName(t) [0], par = scr . parentNode; par.insertBefore (s, scr);}) (document, 'script');
Następnie w pliku js Utwórz funkcję w ten sposób i utwórz iFrame oraz utwórz querystring, gdzie pobierasz formularz z bazy danych.
function FormBuilder(fHeight, formid) {
var iframe = document.createElement('iframe');
iframe.style = "height:" + fHeight + "px; width:100%; border:none";
iframe.setAttribute('allowTransparency', true);
iframe.frameBorder = "0";
iframe.scrolling = "no";
iframe.src = "http://localhost:3197/form/show-form?id="+ formid;
document.body.appendChild(iframe);
}
Warning: date(): Invalid date.timezone value 'Europe/Kyiv', we selected the timezone 'UTC' for now. in /var/www/agent_stack/data/www/doraprojects.net/template/agent.layouts/content.php on line 54
2017-09-01 04:55:58