UC Irvine, UCI Open

<!DOCTYPE html> <html lang="en"> <head> <meta charset="utf-8"> <meta name="viewport" content="width=device-width, initial-scale=1"> <title>UC Irvine, UCI Open</title> <meta name="keywords" content="University, California, Irvine, UCI Open, research, education" /> <meta property="og:type" content="website" /> <meta property="og:title" content="UCI Open" /> <meta property="og:url" content="http://open.uci.edu" /> <meta property="og:description" content="Founded in 1965, The University of California, Irvine combines the strengths of a major research university with the bounty of an incomparable Southern..." /> <meta name="description" content="Founded in 1965, The University of California, Irvine combines the strengths of a major research university with the bounty of an incomparable Southern..." /> <meta name="twitter:card" value="summary"> <meta property="og:image" content="http://open.uci.edu/frontend/img/fb-logo.jpg">  <link href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/css/bootstrap.min.css" rel="stylesheet"> <link href="bootstrap_material/css/bootstrap-material-design.css" rel="stylesheet"> <link href="frontend/css/style.css" media="screen" rel="stylesheet" type="text/css" /> <link href="https://fonts.googleapis.com/icon?family=Material+Icons" rel="stylesheet">   <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.4/jquery.min.js"></script> <script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/js/bootstrap.min.js"></script> <script src="bootstrap_material/js/material.min.js"></script> <script src="https://rawgit.com/bbClassic/YRSS/master/yrss.min.js"></script> <script src="frontend/js/jquery.expander.min.js"></script> <script src="frontend/js/testimonials.js"></script>  </head> <body> <nav aria-label="Skip to" id="skip-to"> <div class="container"> <div class="row"> <div class="col-xs-12"> <a class="sr-only sr-only-focusable btn-default" "https://open.uci.edu/href" onclick="jumper('maincontent');return false;">Skip to main content</a> </div> </div> </div> </nav> <div id="topcontainer" class="container"> <div class="row topbckgr"> <div class="col-sm-12 col-md-12" id="header"></div> </div> <div class="row"> <div class="col-sm-12 col-md-12" id="navi"> <div class="navbar navbar-default"> <div class="navbar-inner" id="nav" style="position: static; top: 0px; width: 100%; max-height: 40px"> <div class="bs-component"> <div class="navbar navbar-default"> <div class="container-fluid"> <div class="navbar-header"> <button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-responsive-collapse"> <span class="icon-bar"></span> <span class="icon-bar"></span> <span class="icon-bar"></span> </button>  </div> <div class="navbar-collapse collapse navbar-responsive-collapse"> <ul class="nav navbar-nav"> <li class="active" ><a href="index.html">Home</a></li> <li class="dropdown"> <a href="index.html#" data-target="#" class="dropdown-toggle" data-toggle="dropdown">Collections <b class="caret"></b></a> <ul class="dropdown-menu"> <li><a href="collections.html">What are Collections?</a></li> <li class="divider"></li> <li><a href="collections/open_chemistry.html">Open Chemistry</a></li> </ul> </li> <li ><a href="courses.html">Courses</a></li> <li ><a href="lectures.html">Lectures</a></li> </ul> <ul class="nav navbar-nav navbar-right"> </div> </ul> </div> </div> </div> </div> </div>   <div id="search-aux" style="display: none"></div> <script> $(document).ready(function(){ $('#frmsrch').on('submit', function(e){ e.preventDefault(); var sstr = $('#keyword').val(); $('#search-aux').text(sstr); $('#keyword').val( $('#search-aux').html() ); this.submit(); }); }); </script> </div> </div>  <main role="document"> <h1 id="maincontent" tabindex="0" class="sr-only">Home</h1>  <style> .rssFeed{ font-size: 15px; } </style> <script type='text/javascript'> var slideCount; function initSlideCount(){ //$("#block_2_1").html('<div class="col-sm-7 col-md-7 expand"><h4 class="text-center">Now loading... Wait.</h4></div>'); $.ajax({ url: "/default/frontend/getslidecount", data: {}, dataType: "json", global: true, cache: false, ifModified: false, processData: true, success: function (datos) { slideCount = datos; initHomeDesign(); }, error: function (request, status, error) { mensaje = request.responseText != '' ? request.responseText : 'Timed out or interrupted session, you may be having problems in the network' ; }, timeout: 20000, type: "POST" }); } var homeDesign; function initHomeDesign(){ $.ajax({ url: "/default/frontend/gethomedesign", data: {}, dataType: "json", global: true, cache: false, ifModified: false, processData: true, success: function (datos) { homeDesign = datos; initHomeAdd(); }, error: function (request, status, error) { mensaje = request.responseText != '' ? request.responseText : 'Timed out or interrupted session, you may be having problems in the network' ; $('#acceptbox div').html(mensaje); $('#acceptbox').css('background-color', '#E8747D'); }, timeout: 20000, type: "POST" }); } var homeAdd = new Array(); function initHomeAdd(){ $.ajax({ url: "/default/frontend/gethomedata", data: {}, dataType: "json", global: true, cache: false, ifModified: false, processData: true, success: function (datos) { homeAdd[2] = '<div class="col-sm-7 col-md-7">'+ ' <div id="mainCarousel" class="carousel slide">'+ ' <ol class="carousel-indicators">'; if(slideCount>1) { for (i = 0; i < slideCount; i++) { homeAdd[2] += ' <li data-target="#mainCarousel" data-slide-to="' + i + '" '; if (i == 0) homeAdd[2] += 'class="active"'; homeAdd[2] += ' ></li>'; } } homeAdd[2] += ' </ol>'+ ' <div class="carousel-inner">'; var i=0; for (data in datos) { if(datos[data]['homeType']=='banner'){ homeAdd[datos[data]['homeSquare']] = '<div class="col-sm-12 col-md-12">'+ '<div class="alert alert-info">'+ '<img src="https://open.uci.edu/'+datos[data]['homeImageUrl']+'" alt="'+strip_tags(datos[data]['homeTitle'])+'"></img>'+ '</div>'+ '</div>'; } if(datos[data]['homeType']=='text'){ if(datos[data]['homeSquare']=='3'){ homeAdd[datos[data]['homeSquare']] = '<h3 class="text-center">'+datos[data]['homeTitle']+'</h3>'+ /*text on carousel box*/ datos[data]['homeText']; } } if(datos[data]['homeType']=='text'){ if(datos[data]['homeSquare']=='4'){ homeAdd[datos[data]['homeSquare']] = '<div class="stl-content col-sm-7 col-md-7 expander" id="content-1">'+ ' <h3 class="text-center">'+datos[data]['homeTitle']+'</h3>'+ /*main text left*/ datos[data]['homeText']+ '</div>'; } } if(datos[data]['homeType']=='text'){ if(datos[data]['homeSquare']=='5'){ homeAdd[datos[data]['homeSquare']] = '<div class="stl-content col-sm-4 col-md-4" id="content-2">'+ ' <h3 class="text-center">'+datos[data]['homeTitle']+'</h3>'+ datos[data]['homeText']+ '</div>'; } } if(datos[data]['homeType']=='rss'){ if(datos[data]['homeSquare']=='5'){ homeAdd[datos[data]['homeSquare']] = '<div class="stl-content col-sm-4 col-md-4" id="content-3">'+ ' <h3 class="text-center">'+datos[data]['homeTitle']+'</h3>'+ /*rss text right*/ ' <div id="rss-blog"></div>' + '</div>'; rssURL = datos[data]['homeUrl']; } } if(datos[data]['homeType']=='slide_i'||datos[data]['homeType']=='slide_v'){ var item_active = ''; if(i==0) item_active = 'active'; homeAdd[datos[data]['homeSquare']] += '<div class="item '+item_active+'">'; if(datos[data]['homeImageUrl']!='') { homeAdd[datos[data]['homeSquare']] += '<img width="680" height="400" src="https://open.uci.edu/'+datos[data]['homeImageUrl']+'" class="img-polaroid img-responsive" alt="'+strip_tags(datos[data]['homeTitle'])+'">'; } if(datos[data]['homeUrl']!='') { homeAdd[datos[data]['homeSquare']] += '<iframe id="player'+i+'" width="670" height="400" src="https://open.uci.edu/'+datos[data]['homeUrl']+'" frameborder="0" allowfullscreen></iframe>'; } if(datos[data]['homeTitle']!='') { homeAdd[datos[data]['homeSquare']] += '<div class="carousel-caption">'+ '<p>'+datos[data]['homeTitle']+'</p>'+ '</div>'; } homeAdd[datos[data]['homeSquare']] += '</div>'; i++; } } homeAdd[2] += '</div>'; if(slideCount>1){ homeAdd[2] += '<a id="left_arrow" class="carousel-control left" href="index.html#mainCarousel" data-slide="prev" tabindex="-1">&lsaquo;</a>'+ '<a id="right_arrow" class="carousel-control right" href="index.html#mainCarousel" data-slide="next" tabindex="-1">&rsaquo;</a>'; } homeAdd[2] += '</div>'+ '<div id="caption-space"></div>' + '</div>'; console.warn(homeDesign); switch (homeDesign){ case '1': $('#content2-2').attr('class','stl-content2 well col-sm-12 col-md-12'); $('#content2-1').attr('class','col-sm-12 col-md-12'); $('#block_1').html(homeAdd[1]); $('#block_2_1').html(homeAdd[2]); $('#block_2_2').attr('class','col-sm-4 col-md-4 expander'); $('#block_2_2').html(homeAdd[3]).expander({ slicePoint: 450, expandText: ' Read more', userCollapseText: ' Read Less' }); $('#block_3_1').html(homeAdd[4]); $('#block_3_2').html(homeAdd[5]); break; case '2': $('#content2-2').attr('class','stl-content2 well col-sm-12 col-md-12'); $('#content2-1').attr('class','col-sm-12 col-md-12'); $('#block_1').html(homeAdd[1]); $('#block_2_1').attr('class','col-sm-4 col-md-4 expander'); $('#block_2_1').html(homeAdd[3]).expander({ slicePoint: 450, expandText: ' Read more', userCollapseText: ' Read Less' }); $('#block_2_2').html(homeAdd[2]); $('#block_3_1').html(homeAdd[5]); $('#block_3_2').html(homeAdd[4]); break; case '3': $('#content2-1').attr('class','stl-content2 well col-sm-12 col-md-12'); $('#content2-2').attr('class','col-sm-12 col-md-12'); document.getElementById('additionalSpace').style.display = ''; $('#block_1_1').html(homeAdd[2]); $('#block_1_2').attr('class','col-sm-4 col-md-4 expander'); $('#block_1_2').html(homeAdd[3]).expander({ slicePoint: 450, expandText: ' Read more', userCollapseText: ' Read Less' }); $('#block_2').html(homeAdd[1]); $('#block_3_1').html(homeAdd[4]); $('#block_3_2').html(homeAdd[5]); break; case '4': $('#content2-1').attr('class','stl-content2 well col-sm-12 col-md-12'); $('#content2-2').attr('class','col-sm-12 col-md-12'); document.getElementById('additionalSpace').style.display = ''; $('#block_1_1').attr('class','col-sm-4 col-md-4 expander'); $('#block_1_1').html(homeAdd[3]).expander({ slicePoint: 450, expandText: ' Read more', userCollapseText: ' Read Less' }); $('#block_1_2').html(homeAdd[2]); $('#block_2').html(homeAdd[1]); $('#block_3_1').html(homeAdd[5]); $('#block_3_2').html(homeAdd[4]); break; default: $("#block_2_1").html('<div class="col-sm-7 col-md-7 expand"><h4 class="text-center">Home it\'s coming soon...</h4></div>'); break; } jQuery(function ($) { $('.carousel').carousel(); var caption = $('div.item:nth-child(1) .carousel-caption'); //unsure about this var text = $('div.item:nth-child(1) .carousel-caption p'); caption.css('text-align','center'); text.css({'font-weight':'bold','text-align':'center'}); $('#caption-space').html(''); $('#caption-space').html(caption.html()); caption.css('display', 'none'); $(".carousel").on('slide.bs.carousel', function (evt) { var caption = $('div.item:nth-child(' + ($(evt.relatedTarget).index() + 1) + ') .carousel-caption'); var text = $('div.item:nth-child(' + ($(evt.relatedTarget).index() + 1) + ') .carousel-caption p'); caption.css('text-align','center'); text.css({'font-weight':'bold','text-align':'center'}); console.log(caption.html()); console.log(text.html()); $('#caption-space').html(''); $('#caption-space').html(caption.html()); caption.css('display', 'none'); }); }); $('#rss-blog').yrss(rssURL, { ssl: false, limit: 6, showerror: true, errormsg: '', tags: false, date: true, dateformat: 'spellmonth', titletag: 'h3', content: true, image: false, snippet: true, snippetlimit: 120, linktarget: '_blank' }, function () { // optional callback function }); }, error: function (request, status, error) { mensaje = request.responseText != '' ? request.responseText : 'Timed out or interrupted session, you may be having problems in the network' ; $('#acceptbox div').html(mensaje); $('#acceptbox').css('background-color', '#E8747D'); }, timeout: 20000, type: "POST" }); } </script>  <div id="block_1"> <div class="" id="content2-1"> <br /> <div id="block_1_1"> </div> <div id="block_1_2"> </div> </div> </div> <div id="additionalSpace" style="display: none;"><br/>        </div> <div id="block_2">  <div class="" id="content2-2"> <br /> <div id="block_2_1"> </div> <div id="block_2_2"> </div> </div>  </div> <br>  <div class="col-sm-12 col-md-12" id="content2-0" style="background: none"> <p></p> </div>  <div id="block_3">  <div class="well col-sm-12 col-md-12 stl-content" id="content-0"> <div id="block_3_1"> This is the OpenCourseWare site for the Physical Sciences materials that used to be hosted at open.uci.edu </div> <div id="block_3_2"> </div> </div>  </div> <script type='text/javascript'> var tag = document.createElement('script'); tag.src = "https://www.youtube.com/iframe_api"; var firstScriptTag = document.getElementsByTagName('script')[0]; firstScriptTag.parentNode.insertBefore(tag, firstScriptTag); var player; var player2; function onYouTubeIframeAPIReady() { player = new YT.Player('player', { events: { 'onReady': onPlayerReady, 'onStateChange': onPlayerStateChange } }); player2 = new YT.Player('player2', { events: { 'onReady': onPlayerReady, 'onStateChange': onPlayerStateChange } }); } function onPlayerReady(event) { } function onPlayerStateChange(event) { if (player.getPlayerState() == 1 || player2.getPlayerState() == 1 || player.getPlayerState() == 3 || player2.getPlayerState() == 3) { $('#mainCarousel').carousel('pause'); } if(player.getPlayerState() == 0 || player2.getPlayerState() == 0){ $('#mainCarousel').carousel('cycle'); } } function stopVideo() { player.stopVideo() } $(document).ready(function(){ var browser = {}; /* jQuery.browser.mozilla = /mozilla/.test(navigator.userAgent.toLowerCase()) && !/webkit /.test(navigator.userAgent.toLowerCase()); jQuery.browser.webkit = /webkit/.test(navigator.userAgent.toLowerCase()); jQuery.browser.opera = /opera/.test(navigator.userAgent.toLowerCase()); jQuery.browser.msie = /msie/.test(navigator.userAgent.toLowerCase()); // Opera 8.0+ var isOpera = (!!window.opr && !!opr.addons) || !!window.opera || navigator.userAgent.indexOf(' OPR/') >= 0; // Firefox 1.0+ var isFirefox = typeof InstallTrigger !== 'undefined'; // Safari 3.0+ "[object HTMLElementConstructor]" var isSafari = Object.prototype.toString.call(window.HTMLElement).indexOf('Constructor') > 0 || (function (p) { return p.toString() === "[object SafariRemoteNotification]"; })(!window['safari'] || safari.pushNotification); // Internet Explorer 6-11 var isIE = /*@cc_on!@*[quitame]/false || !!document.documentMode; // Edge 20+ var isEdge = !isIE && !!window.StyleMedia; // Chrome 1+ var isChrome = !!window.chrome && !!window.chrome.webstore; // Blink engine detection var isBlink = (isChrome || isOpera) && !!window.CSS; */ browser.mozilla = typeof InstallTrigger !== 'undefined'; initSlideCount(); if (browser.mozilla){ $('.carousel').each(function(){ $(this).carousel({ interval: false }); }); } $('#mainCarousel').bind('slid', function() { currentIndex = $('div.active').index() + 1; if (player.getPlayerState() == 1 && currentIndex != 2){ player.pauseVideo(); if (!browser.mozilla){ $('#mainCarousel').carousel('cycle'); } } if (player2.getPlayerState() == 1 && currentIndex != 3){ player2.pauseVideo(); if (!browser.mozilla){ $('#mainCarousel').carousel('cycle'); } } }); }); $(window).resize(function(){ if ($('#mainCarousel').width() == 414){ if ($('div.active').index() == 1){ $('.carousel-caption').css('position', 'absolute', 'margin-top', '500px'); } } }); </script> </main> </div> </div> <br> <footer id="footer-head" role="contentinfo"> <div class="container"> <div class="row"> <div class="col-sm-12 col-md-12"> <p></p> </div> <div class="col-sm-1 col-md-1"></div> <div id="footer_container"> </div> <div class="col-sm-1 col-md-1"></div> </div> </div> </footer> </body> <script type="text/javascript"> var strcont = ''; var promoloc = ''; var fooDesign = ''; var headDesign = ''; $.ajax({ url: "/default/frontend/getfooterdesign", data: {}, dataType: "json", global: true, cache: false, ifModified: false, processData: true, success: function (datos) { fooDesign = datos; }, error: function (request, status, error) { mensaje = request.responseText != '' ? request.responseText : 'Timed out or interrupted session, you may be having problems in the network' ; $('#acceptbox div').html(mensaje); $('#acceptbox').css('background-color', '#E8747D'); }, timeout: 20000, type: "POST" }); $.ajax({ url: "/default/frontend/getheaderdesign", data: {}, dataType: "json", global: true, cache: false, ifModified: false, processData: true, success: function (datos) { headDesign = datos; }, error: function (request, status, error) { mensaje = request.responseText != '' ? request.responseText : 'Timed out or interrupted session, you may be having problems in the network' ; $('#acceptbox div').html(mensaje); $('#acceptbox').css('background-color', '#E8747D'); }, timeout: 20000, type: "POST" }); $.ajax({ url: "/default/frontend/getfooterdata", data: {}, dataType: "json", global: true, cache: false, ifModified: false, processData: true, success: function (datos) { var fooAdd = new Array(); var areaAnterior = ''; var areaSequenceAnterior = ''; var ii=0; for (data in datos) { if(datos[data]['fooArea']!=areaAnterior) { if(areaAnterior != '') { fooAdd[areaSequenceAnterior] += '</ul>'; fooAdd[areaSequenceAnterior] += '</div>'; } if(fooDesign!='3'&&fooDesign!='4') fooAdd[datos[data]['areaSequence']] = '<div class="stl-sitemap col-sm-2 col-md-2" id="sitemap-0'+ii+'">'; else fooAdd[datos[data]['areaSequence']] = '<div>'; if(datos[data]['idArea']!=1) { fooAdd[datos[data]['areaSequence']] += '<p>' + datos[data]['fooArea'] + '</p>'; fooAdd[datos[data]['areaSequence']] += '<ul>'; } } if(datos[data]['idArea']==1) { fooAdd[datos[data]['areaSequence']] += '<p>' if(datos[data]['fooDescription']!="") { fooAdd[datos[data]['areaSequence']] += datos[data]['fooDescription']; } if(datos[data]['fooImageUrl']!="") { fooAdd[datos[data]['areaSequence']] += '<a href="https://open.uci.edu/'+datos[data]['fooUrl']+'"><img src="https://open.uci.edu/'+datos[data]['fooImageUrl']+'" style="max-width: 150px" alt="' + strip_tags(datos[data]['fooDescription']) + '"></a>'; } fooAdd[datos[data]['areaSequence']] += '</p>'; if(datos[data]['fooImageUrl'].indexOf("donate")!=-1) { fooAdd[datos[data]['areaSequence']] += '</div>'; if(fooDesign!='3'&&fooDesign!='4') fooAdd[datos[data]['areaSequence']] += '<div class="stl-sitemap col-sm-2 col-md-2" id="sitemap-1'+ii+'">'; else fooAdd[datos[data]['areaSequence']] += '<div>'; //fooAdd[datos[data]['areaSequence']] += '<div class="span2" id="sitemap">'; } }else { fooAdd[datos[data]['areaSequence']] += '<li><a href="https://open.uci.edu/' + datos[data]['fooUrl'] + '" alt="' + strip_tags(datos[data]['fooDescription']) + '">' + datos[data]['fooDescription'] + '</a></li>'; } areaAnterior = datos[data]['fooArea']; areaSequenceAnterior = datos[data]['areaSequence']; ii++; } fooAdd[areaSequenceAnterior] += '</div>'; switch (fooDesign){ case '1': $("#footer_container").html(fooAdd.filter(Boolean)); break; case '2': $("#footer_container").html(fooAdd.sort(function(a, b){return b-a})); break; case '3': var container = '<div class="stl-sitemap col-sm-2 col-md-2" id="sitemap-2">'; var i=1; for(foo in fooAdd){ container += fooAdd[foo]; if(i % 2 == 0){ container += '</div>'; container += '<div class="stl-sitemap col-sm-2 col-md-2" id="sitemap-3">'; } i++; } container += '</div>'; $("#footer_container").html(container); document.getElementById('footer_container').style='padding-left: 24%;'; break; case '4': var container = '<div class="stl-sitemap col-sm-2 col-md-2" id="sitemap-4">'; var i=1; for(foo in fooAdd.sort(function(a, b){return b-a})){ container += fooAdd[foo]; if(i % 2 != 0){ container += '</div>'; container += '<div class="stl-sitemap col-sm-2 col-md-2" id="sitemap-5">'; } i++; } container += '</div>'; $("#footer_container").html(container); document.getElementById('footer_container').style='padding-left: 30%;'; break; default: $("#footer_container").html(fooAdd.filter(Boolean)); break; } }, error: function (request, status, error) { mensaje = request.responseText != '' ? request.responseText : 'Timed out or interrupted session, you may be having problems in the network' ; $('#acceptbox div').html(mensaje); $('#acceptbox').css('background-color', '#E8747D'); }, timeout: 20000, type: "POST" }); $.ajax({ url: "/default/frontend/getheaderdata", data: {}, dataType: "json", global: true, cache: false, ifModified: false, processData: true, success: function (datos) { var headAdd = new Array(); var areaAnterior = ''; var areaSequenceAnterior = ''; headAdd[1]=''; headAdd[2]=''; for (data in datos) { if ((datos[data]['fooDescription']).toUpperCase() == 'logo'.toUpperCase()) { headAdd[1] = '<a href="https://open.uci.edu/' + datos[data]['fooUrl'] + '"><img class="logo" src="https://open.uci.edu/' + datos[data]['fooImageUrl'] + '" alt="' + strip_tags(datos[data]['fooDescription']) + '"></a>'; } else { if(headAdd[2]==''||headAdd[2]==null) if(datos[data]['idArea']==4) headAdd[2] = '<a href="https://open.uci.edu/' + datos[data]['fooUrl'] + '"><img src="https://open.uci.edu/' + datos[data]['fooImageUrl'] + '" id="" alt="' + strip_tags(datos[data]['fooDescription']) + '" style="margin-top:35px;width:32px;height:32px;"></a>'; else headAdd[2] = '<a href="https://open.uci.edu/' + datos[data]['fooUrl'] + '"><img src="https://open.uci.edu/' + datos[data]['fooImageUrl'] + '" id="" alt="' + strip_tags(datos[data]['fooDescription']) + '" style="margin-top:35px;width:90px;height:32px;"></a>'; else headAdd[2] += '<a href="https://open.uci.edu/' + datos[data]['fooUrl'] + '"><img src="https://open.uci.edu/' + datos[data]['fooImageUrl'] + '" id="" alt="' + strip_tags(datos[data]['fooDescription']) + '" style="margin-top:35px;width:32px;height:32px;"></a>'; } } var span_right = '<span style="float:right; margin-right:10px;">'; var span_left = '<span style="float:left; margin-left:10px;">'; var close_span = '</span>'; switch (headDesign){ case '1': $("#header").html(headAdd[1]+span_right+headAdd[2]+close_span); break; case '2': $("#header").html(span_left+headAdd[2]+close_span+span_right+headAdd[1]+close_span); break; case '3': $("#header").html(headAdd[1]); document.getElementById('header').style='text-align:center;'; break; default: $("#header").html(headAdd[1]+span_right+headAdd[2]+close_span); break; } }, error: function (request, status, error) { mensaje = request.responseText != '' ? request.responseText : 'Timed out or interrupted session, you may be having problems in the network' ; $('#acceptbox div').html(mensaje); $('#acceptbox').css('background-color', '#E8747D'); }, timeout: 20000, type: "POST" }); $(function() { $("iframe[src^='http://www.youtube.com'], iframe[src^='//www.youtube.com']" ).each(function(){ var url = $(this).attr("src"); var char = "?"; if(url.indexOf("?") != -1){ var char = "&"; } $(this).attr("src",url+char+"wmode=opaque"); }); // resize videos $("object, embed, iframe[src^='//www.youtube.com'],iframe[src^='http://www.youtube.com']").each(function() { var orig = $(this); var ratio = orig.attr("height") / orig.attr("width"); var parWidth = orig.parent().width(); if(parWidth > 0) { if(orig.attr("width")> parWidth) { orig .attr("width", parWidth) .attr("height", (parWidth * ratio)); } } }); $('#myTab a').click(function (e) { e.preventDefault(); $(this).tab('show'); }); $("[rel='popover']").popover(); }); $(document).ready(function() { $('.expand').expander({ slicePoint: 350, expandText: ' Read more', userCollapseText: ' Less' }); //Arbitrary content generation if(strcont.length > 58){ var arrcont = JSON.parse( strcont ); $.each(arrcont.AC , function( side, sideval ) { $.each(sideval, function( i, acitem ) { if(acitem){ $.each(acitem, function( actype, acsrc ){ insertArbitraryContent(side, actype, acsrc); }); } }); }); } relocatePromotions(); $('#accept').click(function(e){ e.preventDefault(); saveOCW(); }); var menu = $('.navbar-inner'); var origOffsetY = menu.offset().top; function scroll() { if ( $(window).scrollTop() > origOffsetY ) { $('.navbar-inner').css({ "position": "fixed", "width": "1170px" }); $('.navbar-inner').addClass( "nbfixed" ); } else { $('.navbar-inner').removeClass( "nbfixed" ); $('.navbar-inner').css({ "position": "static", "width": "100%" }); } } document.onscroll = scroll; }); function insertArbitraryContent(side, actype, acsrc){ var side_secc = $("#side"+side); // Sino existe la columna especificada utiliza la central if(side_secc.length == 0) side_secc = $("#sidec"); // Usa la columna central var add_id = 'ac'+side+'_'+side_secc.children().length; var add; if( actype == 'vid' ){ add = '<div id="'+add_id+'" class="well-sm acont-pub centrme" style="margin-bottom: 20px;padding: 0;"><iframe src="https://open.uci.edu/'+acsrc+'" frameborder="0" allowfullscreen="" width="100%"></iframe></div>'; } else if( actype == 'img' ){ add = '<div id="'+add_id+'" class="well-sm acont-pub centrme" style="margin-bottom: 20px;padding: 0;"><img src="https://open.uci.edu/'+acsrc+'" class="img-polaroid img-responsive" alt="Illustrative image" style="border: 0;padding: 2px;"></div>'; } else if( actype == 'txt' ){ add = '<div id="'+add_id+'" class="well-sm acont-pub" style="margin-bottom: 20px;padding: 0;"><div class="well editor" style="padding: 10px;">'+acsrc+'</div></div>'; } side_secc.append(add); if(side=='c' && !!$('.testimbox').length) $('.testimbox').appendTo($("#sidec")); //Scale aspect ratio player if( actype == 'vid' ){ var height = parseInt( $("#"+add_id+" iframe").width()/1.333 ); $("#"+add_id+" iframe").prop("height", height+'px'); } } function relocatePromotions(){ if(!!$('#sidel .promobox').length){ if(promoloc=='1') $('.promobox').prependTo('#sidel'); else $('.promobox').appendTo('#sidel'); } if(!!$('#sider .promobox').length){ if(promoloc=='1') $('.promobox').prependTo('#sider'); else $('.promobox').appendTo('#sider'); } } function jump(h){ var top = document.getElementById(h).offsetTop; window.scrollTo(0, top); document.getElementById(h).focus(); } function strip_tags(html) { var tmp = document.createElement("DIV"); tmp.innerHTML = html; //return tmp.textContent || tmp.innerText || ""; var strpd = tmp.textContent || tmp.innerText || ""; return strpd.replace(/['"]+/g, ''); } function jumper(h){ var top = document.querySelector('#'+h).offsetTop; window.scrollTo(0, top); document.querySelector('#'+h).focus(); } </script> </html>

CINXE.COM

UC Irvine, UCI Open