User Tools

Site Tools


ibew:public:faq:ibe_iframe

Namestitev IBE-ja kot Iframe

V kolikor že imate lastno spletno stran in bi vseeno želeli namestiti ORS IBE, je to možno preko <iframe> elementa.

Primer

Primer delovanja si lahko ogledate na tej povezavi:

http://ors.si/ibew/pages/testframe

Namestitev

Postopek namestitve je sledeč:

  1. Najprej se namesti wordpress stran na ORS strežnikih z vsemi potrebnimi vtičniki.
  2. Na gostojoči spletni strani je potrebno pripraviti stran z iframe elementom kjer se bo prikazoval IBE
    Primer:
    <iframe id="ibe_frame_id" src = "http://ors.si/ibew/v1_clean/sl/quicksearch-sl/" width="400" height="500"></iframe>
  3. Če želite iskalnik ločen od IBE dela, je potrebno poleg iframe-a za iskalnik, dodati še en iframe z IBE delom, pri tem je pomembno da se GET podatek ibeurl prenese v iframe.
    Primer:
    <iframe id="ibe_frame_id" src = "http://ors.si/ibew/v1_clean/<?=$_GET[\'ibeurl\']?>" width="800" height="400"></iframe>
  4. V wordpress-u se nastavijo vsi potrebni vtičniki in privzeti iskalni parametri
  5. ORS uredi design IBE-ja in iskalnika glede na CGP gostujoče spletne strani

Spreminjanje velikosti iframe-a

Obstaja možnost da se višina iframe-a dinamično prilagaja glede na vsebino znotraj iframe-a. Za to funkcionalnost morate v <head> element na gostujoči spletni strani dodati naslednjo javascript kodo:

<script type="text/javascript">
handleSizingResponse = function(e) {
  var postMsg = e.data.split(':')
  var action = postMsg[0]
 
  // this is for resizing IBE iframe (use your own iframe ID
  if (action == 'ors_ibe' && parseInt(postMsg[1]) > 0) {  
    if (document.getElementById('ibe_frame_id'))                
      document.getElementById('ibe_frame_id').style.height= postMsg[1]+"px";
  }
}
 
// Add message event listener
window.addEventListener('message', handleSizingResponse, false);
 
</script>

Ta koda bo prejela trenutno višino vsebine IBE-ja in spremenila višino vašemu iframe-u.

ibew/public/faq/ibe_iframe.txt · Last modified: 2014/10/07 14:32 (external edit)