Boga 2 Demoa

<!DOCTYPE html> <html> <head> <title>Boga 2 Demoa</title> <meta http-equiv="X-UA-Compatible" content="IE=EmulateIE7" /> <meta charset="utf-8"> <meta name="viewport" content="width=device-width, initial-scale=1"> <link rel="stylesheet" href="/mod/boga/jqmo130/jquery.mobile-1.3.0.css"> <link rel="shortcut icon" href="/mod/boga/pix/icon.png"> <script src="/mod/boga/jqmo130/jquery.js"></script> <script src="/mod/boga/jqmo130/jquery.mobile-1.3.0.js"></script> <style> .nav-search .ui-btn-up-a { background-image:none; background-color:#333333; } .nav-search .ui-btn-inner { border-top: 1px solid #888; border-color: rgba(255, 255, 255, .1); } .nav-search .ui-btn.ui-first-child { border-top-width: 0; background: #111; } .userform { padding: .8em 1.2em; } .userform h2 { color: #555; margin: 0.3em 0 .8em 0; padding-bottom: .5em; border-bottom: 1px solid rgba(0,0,0,.1); } .userform label { display: block; margin-top: 1.2em; } .switch .ui-slider-switch { width: 6.5em !important; } .ui-grid-a { margin-top: 1em; padding-top: .8em; margin-top: 1.4em; border-top: 1px solid rgba(0,0,0,.1); } #contentframe, #laguntzaframe { overflow: auto; width: 100%; height: 1000px; margin: 0; padding: 0; border: none; min-width:820px; } #idazlanaedukia { background-color: white; padding: 0.5em; margin: 0; } </style> </head> <body> <script> var irten='/course/view.php?id=13371'; var atazak = new Array(); atazak[0] = {"name":"Azalpena","launch":'2maila/b2e01/estrato1/saio1/irakasle/azalpena00.html',"helburudidaktikoa":"","type":"asset"}; atazak[1] = {"name":"1.eszena","launch":'2maila/b2e01/estrato1/saio1/eszenak/d01.html',"helburudidaktikoa":"","type":"asset"}; atazak[2] = {"name":"1.eszena (testua)","launch":'2maila/b2e01/estrato1/saio1/eszenak/01.html',"helburudidaktikoa":"","type":"asset"}; atazak[3] = {"name":"Hiztegia","launch":'2maila/b2e01/estrato1/saio1/hiztegia/vocab00.html',"helburudidaktikoa":"","type":"asset"}; atazak[4] = {"name":"Azalpena","launch":'2maila/b2e01/estrato1/saio1/irakasle/azalpena01.html',"helburudidaktikoa":"","type":"asset"}; atazak[5] = {"name":"1.1.1","launch":'2maila/b2e01/estrato1/saio1/ariketa01/ariketa.html',"helburudidaktikoa":"Aditz lokuzioen aspektua: orainaldia","type":"sco"}; atazak[6] = {"name":"1.1.2","launch":'2maila/b2e01/estrato1/saio1/ariketa02/ariketa.html',"helburudidaktikoa":"Aditz lokuzioen aspektua: orainaldia","type":"sco"}; atazak[7] = {"name":"1.1.3","launch":'2maila/b2e01/estrato1/saio1/ariketa03/ariketa.html',"helburudidaktikoa":"Datu zehatzak jaso","type":"sco"}; atazak[8] = {"name":"1.1.4","launch":'2maila/b2e01/estrato1/saio1/ariketa04/ariketa.html',"helburudidaktikoa":"Datu zehatzak jaso","type":"sco"}; var atazaid=0; var transparentfixed = false; function openpopup(izenburua,mezua){ $('#popupizenburua').html(izenburua); $('#popupmezua').html(mezua); $("#popupDialog" ).popup('open'); } // $.mobile.page.prototype.options.domCache = false; $(document).ready(function() { listview = '<ul data-role="listview" data-inset="true">'; $.each(atazak, function(key, val) { if(val.type == 'asset') { var dataicon = ' data-icon="info"'; } else { var dataicon = ' data-icon="edit"'; } listview += '<li'+dataicon+'>'; listview += '<a class="ireki" ataza="'+key+'" href="#orokorra">'; listview += '<h2>'+val.name+'</h2>'; listview += '<p><strong>'+val.helburudidaktikoa+'</strong></p>'; listview += '</a>'; listview += '</li>'; }); listview += '</ul>'; $('#egiturapagecontent').html(listview); $(".ireki").click(function(event) { atazaid = parseInt($(this).attr('ataza')); $('[role="heading"]').fadeOut().html(atazak[atazaid].name).fadeIn(); $("#contentframe").attr("src", '/mod/boga/file.php/'+atazak[atazaid].launch); }); $('[role="heading"]').html(atazak[atazaid].name); $(".laguntzabtn").click(function(event) { event.preventDefault(); API_1484_11 = null $("#laguntzaframe").attr("src", this.href); $.mobile.changePage('#laguntzapage'); }); $("#irten").click(function(event) { event.preventDefault(); window.location.href = irten; }); $(".birkargatu").click(function(event) { $("#contentframe").attr("src", '/mod/boga/file.php/'+atazak[atazaid].launch); }); $("#aurrera").click(function(event) { if((atazak.length-1) > atazaid){ atazaid++; $('[role="heading"]').fadeOut().html(atazak[atazaid].name).fadeIn(); $("#contentframe").attr("src", '/mod/boga/file.php/'+atazak[atazaid].launch); } else { event.preventDefault(); openpopup('Oharra','Demoanaren azken atazan zaude.'); } }); $("#atzera").click(function(event) { if(atazaid != 0){ atazaid--; $('[role="heading"]').fadeOut().html(atazak[atazaid].name).fadeIn(); $("#contentframe").attr("src", '/mod/boga/file.php/'+atazak[atazaid].launch); } else { event.preventDefault(); openpopup('Oharra','Demoanaren lehen atazan zaude.'); } }); $(document).bind("pagechange", function(event, ui) { if($('#hau').length > 0){ $.mobile.silentScroll($('#hau').position().top-20); } }); $( "#informazioa" ).panel({ beforeopen: function( event, ui ) { var osatuacolor = ''; var helburuakstring = new Object(); helburuakstring.osatu = 'osatu'; helburuakstring.gainditu = 'gainditu'; helburuakstring.osatuhelp = 'osatuhelp'; helburuakstring.gaindituhelp = 'gaindituhelp'; var htmlhau = '<h2 id="atazaname">'+atazak[atazaid].name+'</h2>'; htmlhau += '<p id="atazahelburudidaktikoa"><strong>helburudidaktikoa:</strong><br/>'+atazak[atazaid].helburudidaktikoa+'</p>'; $( "#infocnt" ).html(htmlhau); $( "#informazioa" ).find( ":jqmData(role=button)" ).button(); $( "#informazioa" ).find( ":jqmData(role=controlgroup)" ).controlgroup(); }}); }); // http://www.quirksmode.org/js/detect.html var BrowserDetect = { init: function () { this.browser = this.searchString(this.dataBrowser) || "An unknown browser"; this.version = this.searchVersion(navigator.userAgent) || this.searchVersion(navigator.appVersion) || "an unknown version"; this.OS = this.searchString(this.dataOS) || "an unknown OS"; }, searchString: function (data) { for (var i=0;i<data.length;i++) { var dataString = data[i].string; var dataProp = data[i].prop; this.versionSearchString = data[i].versionSearch || data[i].identity; if (dataString) { if (dataString.indexOf(data[i].subString) != -1) return data[i].identity; } else if (dataProp) return data[i].identity; } }, searchVersion: function (dataString) { var index = dataString.indexOf(this.versionSearchString); if (index == -1) return; return parseFloat(dataString.substring(index+this.versionSearchString.length+1)); }, dataBrowser: [ { string: navigator.userAgent, subString: "Chrome", identity: "Chrome" }, { string: navigator.userAgent, subString: "OmniWeb", versionSearch: "OmniWeb/", identity: "OmniWeb" }, { string: navigator.vendor, subString: "Apple", identity: "Safari", versionSearch: "Version" }, { prop: window.opera, identity: "Opera", versionSearch: "Version" }, { string: navigator.vendor, subString: "iCab", identity: "iCab" }, { string: navigator.vendor, subString: "KDE", identity: "Konqueror" }, { string: navigator.userAgent, subString: "Firefox", identity: "Firefox" }, { string: navigator.vendor, subString: "Camino", identity: "Camino" }, { // for newer Netscapes (6+) string: navigator.userAgent, subString: "Netscape", identity: "Netscape" }, { string: navigator.userAgent, subString: "MSIE", identity: "Explorer", versionSearch: "MSIE" }, { string: navigator.userAgent, subString: "Gecko", identity: "Mozilla", versionSearch: "rv" }, { // for older Netscapes (4-) string: navigator.userAgent, subString: "Mozilla", identity: "Netscape", versionSearch: "Mozilla" } ], dataOS : [ { string: navigator.platform, subString: "Win", identity: "Windows" }, { string: navigator.platform, subString: "Mac", identity: "Mac" }, { string: navigator.userAgent, subString: "iPhone", identity: "iPhone/iPod" }, { string: navigator.platform, subString: "Linux", identity: "Linux" } ] }; BrowserDetect.init(); /* Wrote by jose.nobile@gmail.com Free to use for any purpose Tested at IE 7, IE 8, FF 3.5.5, Chrome 3, Safari 4, Opera 10 Tested with Object[classid and codebase] < embed >, object[classid and codebase], embed, object < embed > -> Vimeo/Youtube Videos Please, reporte me any error / issue */ function LJQ() { window.noConflict = true; window.fix_wmode2transparent_swf(); } if( BrowserDetect.browser != 'Explorer') { if(typeof (jQuery) == "undefined") { if (window.addEventListener) { window.addEventListener('load', LJQ, false); } else if (window.attachEvent) { window.attachEvent('onload', LJQ); } } else { // JQuery is already included window.noConflict = false; window.setTimeout('window.fix_wmode2transparent_swf()', 200); } } window.fix_wmode2transparent_swf = function () { if(transparentfixed ) { return true; } if(typeof (jQuery) == "undefined") { window.setTimeout('window.fix_wmode2transparent_swf()', 200); return; } if(window.noConflict)jQuery.noConflict(); // For embed jQuery('#contentframe').contents().find("embed").each(function(i) { var elClone = this.cloneNode(true); elClone.setAttribute("WMode", "Opaque"); jQuery(this).before(elClone); jQuery(this).remove(); }); // For object and/or embed into objects jQuery('#contentframe').contents().find("object").each(function (i, v) { var elEmbed = jQuery(this).children("embed"); if(typeof (elEmbed.get(0)) != "undefined") { if(typeof (elEmbed.get(0).outerHTML) != "undefined") { elEmbed.attr("wmode", "opaque"); jQuery(this.outerHTML).insertAfter(this); jQuery(this).remove(); } transparentfixed = true; return true; } var algo = this.attributes; var str_tag = '<OBJECT '; for (var i=0; i < algo.length; i++) str_tag += algo[i].name + '="' + algo[i].value + '" '; str_tag += '>'; var flag = false; jQuery(this).children().each(function (elem) { if(this.nodeName == "PARAM") { if (this.name == "wmode") { flag=true; str_tag += '<PARAM NAME="' + this.name + '" VALUE="opaque">'; } else str_tag += '<PARAM NAME="' + this.name + '" VALUE="' + this.value + '">'; } }); if(!flag) str_tag += '<PARAM NAME="wmode" VALUE="opaque">'; str_tag += '</OBJECT>'; jQuery(str_tag).insertAfter(this); jQuery(this).remove(); }); } window.setFrameHeight = function () { if( BrowserDetect.browser != 'Explorer') { window.fix_wmode2transparent_swf(); } if(jQuery('#contentframe').contents().find("embed").length > 0){ jQuery('#contentframe').contents().find("body").css('text-align','center'); // jQuery('#contentframe').contents().find("embed").wrap('<div class="width: 800px; margin: 0 auto;" />'); } $('#contentframe').contents().keydown(function(e) { var code; if (e.keyCode) { code = e.keyCode; } else if (e.which) { code = e.which; } if (code == 32) { // e.stopPropagation(); e.preventDefault(); return; } }); if(jQuery('#contentframe').contents().find("body").height() == null){ window.setTimeout('window.setFrameHeight()', 200); } else { jQuery('#contentframe').height(jQuery('#contentframe').contents().find("body").height()+150); } } function bogapi() { var scored = false; var th = 'md5hash'; this.Initialize = function (param) { window.setFrameHeight(); // console.log('Initialize: '+ param); return "true"; } this.Commit = function (param) { // console.log('Commit: '+ param); return "true"; } this.GetDiagnostic = function (param) { // console.log('GetDiagnostic: '+ param); return "true"; } this.GetErrorString = function (param) { // console.log('GetErrorString: '+ param); return "true"; } this.GetLastError = function (param) { // console.log('GetLastError: '+ param); return "true"; } this.GetValue = function (param) { // console.log('GetValue: '+ param); return "true"; } this.Terminate = function (param) { // console.log('Terminate: '+ param); return "true"; } this.SetValue = function (param,value) { // console.log('SetValue: '+ param + ' > ' +value); if(scored === false && param == 'cmi.score.raw') { scored = true; } if(param.search(/comment/) != -1) { openpopup('oharra','Demoan ez dira idazlanak zuzentzen.'); } return "true"; //cmi.comments_from_learner.0.comment } this.version = "1.0"; }; var API_1484_11 = new bogapi(); </script> <div data-role="page" data-theme="e" id="orokorra"> <div data-role="header"> <h1>Izenburua</h1> <a href="#nav-panel" data-icon="bars" data-iconpos="notext">Laguntza</a> <a href="#informazioa" data-icon="info" data-iconpos="notext">Info</a> </div> <div data-role="content" class="jqm-content"> <div data-role="navbar" data-grid="d"> <ul> <li><a href="#atzera" id="atzera" data-icon="back">Atzera</a></li> <li><a href="#aurrera" id="aurrera" data-icon="forward">Aurrera</a></li> <li><a href="#birkargatu" class="birkargatu" data-icon="refresh">Berriz saiatu</a></li> <li><a href="#egiturapage" id="egitura" data-icon="bars">Egitura</a></li> <li><a href="#irten" id="irten" data-icon="home">Irten</a></li> </ul> </div> <iframe id="contentframe" src="/mod/boga/file.php/2maila/b2e01/estrato1/saio1/irakasle/azalpena00.html"></iframe> </div> <div data-role="footer"> <h4>HABE</h4> </div> <div data-role="panel" data-position-fixed="true" id="nav-panel"> <h2>Laguntza</h2> <ul data-role="listview"> <li><a class="laguntzabtn" href="/mod/boga/file.php/2maila/b2Gramatika/Gramatika/menua.swf">Gramatika</a></li> </ul> <div style="margin-top: 2em;"> <a href="#my-header" data-role="button" data-rel="close">Itxi</a> </div> </div> <div data-role="panel" data-position="right" data-position-fixed="true" data-display="overlay" id="informazioa"> <form id="infocnt" class="userform"></form> <a href="#my-header" data-role="button" data-rel="close">Itxi</a> </div> <div data-role="popup" id="popupDialog" data-overlay-theme="e" data-theme="e" data-dismissible="false" style="max-width:90%;" class="ui-corner-all"> <div data-role="header" data-theme="a" class="ui-corner-top"> <h1 id="popupizenburua">izenburua</h1> </div> <div data-role="content" data-theme="d" class="ui-corner-bottom ui-content"> <h3 id="popupmezua" class="ui-title">Mezua...</h3> <a href="#orokorra" data-role="button" data-inline="true" data-theme="c">Itxi</a> </div> </div> <div data-role="popup" id="popupsaioaDialog" data-overlay-theme="d" data-theme="d" data-dismissible="false" style="max-width:600px;" class="ui-corner-all"> <div data-role="header" data-theme="a" class="ui-corner-top"> <h1 id="popupsaioaizenburua">saioamaitzear... <span id="saioaamaitzeko">30</span></h1> </div> <div data-role="content" data-theme="d" class="ui-corner-bottom ui-content"> <h3 id="popupsaioa" class="ui-title">Jarraitu?<br/> Jarraitu....</h3> <p> <a id="jarraitu" href="#" data-role="button" data-inline="true" data-rel="back" data-theme="c">Jarraitu</a> <a id="amaitu" href="#" data-role="button" data-inline="true" data-rel="back" data-transition="flow" data-theme="b">Amaitu</a> </p> </div> </div> </div> <div data-role="page" id="egiturapage"> <div data-role="header"> <h1>Aukeratu bat</h1> <a href="#orokorra" data-role="button" data-inline="true" data-icon="back">Itzuli atazara</a> </div> <div id="egiturapagecontent" data-role="content">loading...</div> <div data-role="footer"> <a href="#orokorra" data-role="button" data-inline="true" data-icon="back">Itzuli atazara</a> <h4>HABE</h4> </div> </div>  <div data-role="page" data-theme="e" id="laguntzapage"> <div data-role="header"> <h1>Help</h1> <a href="#orokorra" data-role="button" data-inline="true" data-icon="back">Itzuli atazara</a> </div> <div data-role="content"> <iframe id="laguntzaframe" src=""></iframe> <p><a href="#orokorra" data-role="button" data-icon="back">Itzuli atazara</a></p> </div> <div data-role="footer"> <h4>HABE</h4> </div> </div>  <div data-role="page" data-theme="e" id="idazlanapage"> <div data-role="header"> <h1>Idazlana: Atazaren izenburua</h1> <a href="#orokorra" data-role="button" data-inline="true" data-icon="back">Itzuli atazara</a> </div> <div data-role="content"> <div data-role="navbar"> <ul> <li><a id="idazlanabnt" href="#">Idazlana</a></li> <li><a id="zuzenketabnt" href="#">Zuzenketa</a></li> </ul> </div> <div id="idazlanaedukia">&nsp;</div> <p><a href="#orokorra" data-role="button" data-icon="back">Itzuli atazara</a></p> </div> <div data-role="footer"> <h4>HABE</h4> </div> </div> </body> </html>

CINXE.COM

Boga 2 Demoa