2012-12-31 10 views
14

Posiadam serwis portalu pracy, z którego inni użytkownicy mogą korzystać na swoich stronach i blogach. Kopiują kod z mojej strony, wklejają go na swojej stronie i wyświetlają tablicę zadań na swojej stronie internetowej. jak stworzyć ten kod do umieszczenia na stronie, aby ktoś mógł mi pomóc.Tworzenie kodu do osadzania w innych witrynach

Oto przykład wydawcy monster.com website.

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> 
+0

To naprawdę zależy od tego, jak ma wyglądać twój kod do umieszczenia na stronie. Jak powinien wyglądać? –

+0

Po prostu oferuj swoje osadzenia przez element iframe. Jest wystarczająco dobre dla youtube, powinno wystarczyć dla każdej innej strony. – pp19dd

Odpowiedz

18

istnieją wiele sposoby, aby osiągnąć swój cel. Jak można nie wyjaśnić potrzebę wyraźnie, po prostu zapewnić 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> 
  1. modyfikowania kodu w zależności od potrzeb
  2. ewakuacyjnej ten kod w html
  3. zabawy z niesamowite wbudowany widget!
+0

kiedy umieszczam ten kod, wyświetla on koniec strony, dlaczego? –

+0

Wierzę, że to problem z twojego css. możesz zawinąć ten skrypt za pomocą elementu div i zmodyfikować położenie elementu div. – Brian

+1

hej @ user1939164, czy masz prawidłowo osadzony widżet? Jeśli ta odpowiedź rozwiązała Twój problem, pamiętaj, aby go zaakceptować :) – Brian

0

Jak utworzyć Wstaw z JavaScript w .cs

Note: localhost:3197/website/js/embed/form.js'; // give your js path

FormBuilder(921,'MjEzNjkxMjU='); in this method first parameter give your form height and second your form name or Id. there Id is encoded 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 Utwórz skrypt embed prosty i łatwy sposób wklej ten skrypt, w którym chcesz, aby pokazać się w inną stronę po tym

(function(d, t) { var s = d.createElement(t), options = {'async':true }; s.src = ('https:' == d.location.protocol ? '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(options); frm.display(); }catch (e) {}}; var scr = d.getElementsByTagName(t)[0], par = scr.parentNode; par.insertBefore(s, scr);})(document, 'script');

Po tym w pliku js Utwórz funkcję podobną do tej i utwórz iFrame i utwórz kwerendę, w której pobierzesz 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); 
} 
Powiązane problemy