CINXE.COM

Physics 3C. Lec 14. Basic Physics III :: 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>Physics 3C. Lec 14. Basic Physics III :: UC Irvine, UCI Open</title> <meta property="og:type" content="website" /> <meta property="og:title" content="Physics 3C. Lec 14. Basic Physics III" /> <meta property="og:url" content="../lectures/physics_3c_lec_14_basic_physics_iii.html" /> <meta property="og:description" content="Recorded:&amp;nbsp;October 28, 2013Terms of Use:&amp;nbsp;../infoLecture 14Course Description:&amp;nbsp;This is the third and final course of the..." /> <meta name="keywords" content="University, California, Irvine, UCI Open, research, education, coursesbasic physics,Ray,Tracing,Converging,Lenses,Image,Lens Problem,Camera,Adjustment,Human Eye,Focusing" /> <meta name="description" content="Recorded:&amp;nbsp;October 28, 2013Terms of Use:&amp;nbsp;../infoLecture 14Course Description:&amp;nbsp;This is the third and final course of the..." /> <meta name="twitter:card" value="summary"> <meta property="og:image" content="../frontend/img/fb-logo.jpg"> <!-- Bootstrap --> <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"> <!-- HTML5 shim, for IE6-8 support of HTML5 elements --> <!--[if lt IE 9]> <script src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script> <![endif]--> <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> <!-- <script src="/frontend/js/material.spinner.min.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" "../lectures/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> <!-- <a class="navbar-brand" href="javascript:void(0)">UCI Open</a> --> </div> <div class="navbar-collapse collapse navbar-responsive-collapse"> <ul class="nav navbar-nav"> <li ><a href="../index.html">Home</a></li> <li class="dropdown"> <a href="physics_3c_lec_14_basic_physics_iii.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 class="active" ><a href="../lectures.html">Lectures</a></li> </ul> <ul class="nav navbar-nav navbar-right"> <!-- <button type="submit" class="btn" style="padding-top: 0px; padding-bottom:0px ; margin-top: 0px; margin-left: -5px;"><i class="icon-search"></i></button> --> </div> </ul> </div> </div> </div> </div> </div> <!-- <div class="navbar-inner" id="nav" style="position: static; top: 0px; left: 381.5px; width: 100%"> <nav class="navbar navbar-inverse" style="display: flex"> <div class="navbar-collapse collapse"> <ul class="nav navbar-nav"> <li ><a href="/">Home</a></li> <li ><a href="/courses">Courses</a></li> <li class="active" ><a href="/lectures">Lectures</a></li> <li ><a href="/info">About Us</a></li> <li ><a href="/contact">Contact</a></li> <li ><a href="http://sites.uci.edu/ucirvineocw">Support UCI OCW</a></li> </ul> </div> <form class="navbar-form navbar-right"> <div class="form-group"> <input type="text" class="form-control col-md-8" placeholder="Search"> </div> <div class="navbar-header navbar-right"> <p class="navbar-text" style="margin-top: 14px; margin-bottom: 0"> <a href="#" class="navbar-link">Username</a> </p> </div> </nav> </div> --> <!-- <div class="navbar-inner" id="nav"> <div class="container" > <a class="btn btn-navbar" data-toggle="collapse" data-target=".nav-collapse"> <span class="icon-bar"></span> <span class="icon-bar"></span> </a> <div class="nav-collapse collapse"> <ul class="nav"> <li ><a href="/">Home</a></li> <li class="dropdown "> <a href="#" class="dropdown-toggle" data-toggle="dropdown">Collections <b class="caret"></b></a> <ul class="dropdown-menu"> <li><a href="/collections">What are Collections?</a></li> <li class="divider"></li> <li><a href="/collections/california_subject_examination_for_teachers__preparation_resources.html">California Subject Examination for Teachers - Preparation Resources</a></li> <li><a href="/collections/discover_the_physical_sciences_breakfast_lecture_series.html">Discover the Physical Sciences Breakfast Lecture Series </a></li> <li><a href="/collections/gifted_and_talented_education.html">Gifted and Talented Education</a></li> <li><a href="/collections/inside_uci__freshman_start.html">INSIDE UCI - Freshman Start</a></li> <li><a href="/collections/open_chemistry.html">Open Chemistry</a></li> <li><a href="/collections/orange_county_alliance_for_community_health_research.html">Orange County Alliance for Community Health Research</a></li> <li><a href="/collections/public_health.html">Public Health</a></li> <li><a href="/collections/sustainability.html">Sustainability</a></li> <li><a href="/collections/talks_by_uci_faculty_ted_and_tedx.html">Talks by UCI Faculty: TED and TEDx</a></li> <li><a href="/collections/what_matters_to_me_and_why.html">What Matters to Me and Why</a></li> </ul> </li> <li ><a href="/courses">Courses</a></li> <li class="active" ><a href="/lectures">Lectures</a></li> <li ><a href="/info">About Us</a></li> <li ><a href="/contact">Contact</a></li> <li ><a href="http://sites.uci.edu/ucirvineocw">Support UCI OCW</a></li> </ul> <form id="frmsrch" class="form-search pull-right navbar-search" method="post" action="/search/results"> <input type="text" class="input-medium search-query" placeholder="Search" name="keyword" id="keyword" value=""> <button type="submit" class="btn btn-default" style="padding-top: 0px; padding-bottom:0px ; margin-top: 0px; margin-left: -5px;"><i class="icon-search"></i></button> </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> <!-- breadcrumbs --> <div class="col-sm-12 col-md-12"> <ul class="breadcrumb"> <li> <a href="../index.html"> Home </a> <span class="divider"></span> </li> <li> <a href="../lectures.html"> Lectures </a> <span class="divider"></span></li> <li class="active"> Physics 3C. Lec 14. Basic Physics III </li> </ul> </div> <main role="document"> <h1 id="maincontent" tabindex="0" class="sr-only">Home</h1> <!-- <div id="spinner" data-spinner='{"radius": 25}' style="position: relative;top: 12px;left: 46%;z-index: 9999;"></div> --> <script type="text/javascript" src="../frontend/js/video/ovp.js"></script> <script type="text/javascript" src="../frontend/js/testimonials.js"></script> <script type="text/javascript" src="../frontend/js/view_video_lecture.js"></script><style> <!-- .divblock { height: 20px; display: inline-block; } div[id^="type_Header_"] { overflow: auto; padding-left: 15px; } #content { padding: 0; } --> </style> <div class="col-sm-12 col-md-12" id="content"> <div class="col-sm-12 col-md-12"> <div id="sidec" class="col-sm-9 col-md-9"> <!-- Title of Lecture --> <h2>Physics 3C. Lec 14. Basic Physics III (English)</h2><br> <!-- Start two-columns --> <!-- Youtube video embed --> <span id="lecmainvid"> <iframe width="480" height="270" src="https://www.youtube.com/embed/djbNeoW04fM" frameborder="0" allowfullscreen></iframe> <span> <!-- video embed --> <!-- Files Provided by the lecture --> <!-- Description of Lecture --> <div class="well well-sm" style="margin-top:10px;overflow: hidden"> <div> <div style="text-align: right; clear:both;" class="pull-right"> <a href="javascript:void(0)" title="Share on Facebook" onclick="window.open('https://www.facebook.com/sharer/sharer.php?u='+encodeURIComponent('../lectures/physics_3c_lec_14_basic_physics_iii.html'),'Share on Facebook','width=626,height=436');return false;"><img alt="Share on Facebook" src="../frontend/img/social/facebook-btn.png"></a> <a href="javascript:void(0)" title="Share on Twitter" onclick="window.open('http://twitter.com/?status=Physics 3C. Lec 14. Basic Physics III (English) --> '+encodeURIComponent('../lectures/physics_3c_lec_14_basic_physics_iii.html'),'Share on Twitter','width=626,height=500')"><img alt="Share on Twitter" src="../frontend/img/social/twitter-btn.png"></a> </div> <div style="clear:both;"> <p><strong>Recorded:&nbsp;</strong>October 28, 2013</p><p><strong>Terms of Use:&nbsp;</strong><a data-cke-saved-href="../info" href="../info">../info</a></p><p><strong>Lecture 14</strong></p><p><strong>Course Description:&nbsp;</strong>This is the third and final course of the Physics 3 series. The course focuses primarily on waves but the concepts of force and energy will continue to be important, as well. Specific topics include waves and sound, optics, quantum concepts, atomic and nuclear physics, and relativity.</p><p><strong>Required attribution:</strong> Smy, Michael. Basic Physics 3C (UCI Open: University of California, Irvine), ../courses/physics_3c_basic_physics_iii.html. [Access date]. License: Creative Commons Attribution-ShareAlike 3.0 United States License.</p> </div> </div> </div> <div class="clearfix testimbox" style="margin-top: 30px;"> </div> </div> <!-- Start sidebar layout --> <div id="sider" class="col-sm-3 col-md-3 pull-right"> <br> <!-- Start accordions for related content --> <!-- Start Description of author, title, and department of speaker --> <div class="well well-sm"> <div class="nowell centrme"> <img src="../upload/images/physics3clec14.png.PNG" class="img-polaroid img-responsive"> </div> <div class="nowell" id="autorr"> <dl> <dt>Author:</dt> <dd><a href="http://www.ps.uci.edu/~smy/" target="_blank"> Michael Smy</a></dd> <dt>Title:</dt> <dd>Researcher</dd> <dt>Department:</dt> <dd>Physics & Astronomy</dd> </dl> </div> <div class="nowell"> <a rel="license" href="http://creativecommons.org/licenses/by-sa/3.0/deed.en_US"><img alt="Creative Commons License" style="border-width:0" src="http://i.creativecommons.org/l/by-sa/3.0/88x31.png"></a><br><span xmlns:dct="http://purl.org/dc/terms/" property="dct:title">Physics 3C: Basic Physics III</span> by <span xmlns:cc="http://creativecommons.org/ns#" property="cc:attributionName">Michael Smy</span> is licensed under a <a rel="license" href="http://creativecommons.org/licenses/by-sa/3.0/deed.en_US">Creative Commons Attribution-ShareAlike 3.0 Unported License</a>. </div> </div> <!-- Provide Testimonial Button --> <a id="btntestim" class="btn btn-raised btn-primary btn-block" href="javascript:postTestimonial('physics_3c_lec_14_basic_physics_iii')" style="margin-bottom: 20px;">Provide a Testimonial</a> </div> </div> </div> <script type="text/javascript"> $(document).ready(function() { upPromotions(); }); function showSingleVideo(sourceUrl) { var configobj = { "players": { "Flash":{"src":"/frontend/js/video/ovp.swf","minver":"9","controls":true, "plugins":[]}, "Silverlight":{"src":"/frontend/js/video/ovp.xap","minver":"4.0","controls":true, "plugins":[""]}, "HTML5":{"minver":"0","controls":true} }, "controls": { 'src_img':'/frontend/img/pixel.png' }, "strategy":{ "order":["HTML5","Silverlight","Flash"] } }; ovp.init(configobj); var videoconf = { "sources":[ {"src":sourceUrl,"type":"video/mp4"} ], // For real testing, these are public and available 'posterimg':"/frontend/img/videobackground.png", 'autobuffer':true, 'controls':true, 'height':360, 'width':640, 'id':'vplayer' }; // render the player return ovp.render('vplayer', videoconf); } $(function() { // Find all YouTube videos var $allVideos = $("iframe[src^='//player.vimeo.com'],iframe[src^='http://player.vimeo.com'], iframe[src^='//www.youtube.com'], iframe[src^='http://www.youtube.com']"), // The element that is fluid width $fluidEl = $(".col-md-7"); // Figure out and save aspect ratio for each video $allVideos.each(function() { $(this) .data('aspectRatio', this.height / this.width) // and remove the hard coded width/height .removeAttr('height') .removeAttr('width'); }); /* setTimeout(function(){ $allVideos.each(function() { var vplyr = $(this); vplyr.removeAttr('height'); vplyr.removeAttr('width'); var width = 501; var height = parseInt( width/1.333 ); vplyr.css({"width": width+"px", "height": height+"px!important"}); }); }, 1500);*/ // When the window is resized // (You'll probably want to debounce this) $(window).resize(function() { var newWidth = $fluidEl.width(); // Resize all videos according to their own aspect ratio $allVideos.each(function() { var $el = $(this); $el .width(newWidth) .height(newWidth * $el.data('aspectRatio')); }); // Kick off one resize to fix all videos on page load }).resize(); }); function setVideoScale(ifrm){ ifrm.find("iframe[src^='http://www.youtube.com']" ).each(function(){ var vplyr = $(this); var height = parseInt( vplyr.width()/1.333 ); vplyr.prop("height", height+'px'); }); } function array_rand(input, num_req) { var indexes = []; var ticks = num_req || 1; var checkDuplicate = function(input, value) { var exist = false, index = 0, il = input.length; while (index < il) { if (input[index] === value) { exist = true; break; } index++; } return exist; }; if (Object.prototype.toString.call(input) === '[object Array]' && ticks <= input.length) { while (true) { var rand = Math.floor((Math.random() * input.length)); if (indexes.length === ticks) { break; } if (!checkDuplicate(indexes, rand)) { indexes.push(rand); } } } else { indexes = null; } var id_random = ((ticks == 1) ? indexes.join() : indexes); var publish = new Array(); for(var i in input) { if(i == id_random[0]){ publish.push(input[i]) } else if(i == id_random[1]){ publish.push(input[i]) } } $('#imgAMostrar1').html('<a href="../lectures/'+&#32;publish[0]['adsRedirectURL']&#32;+'"><img src="../lectures/'+&#32;publish[0]['adsImageURL']&#32;+'" class="img-responsive" style="border: 0px;"></a>'); $('#imgAMostrar2').html('<a href="../lectures/'+&#32;publish[1]['adsRedirectURL']&#32;+'"><img src="../lectures/'+&#32;publish[1]['adsImageURL']&#32;+'" class="img-responsive" style="border: 0px;"></a>'); } function upPromotions(){ var json = null; var count = JSON.parse(json); if(count){ var cantElementos = Object.keys(count).length; var arr = $.map(count, function(el) { return el; }); if(cantElementos > 1){ var num = (1 + Math.floor(Math.random() * cantElementos)) - 1; $('#imgAMostrar1').html('<a href="../lectures/'+&#32;count[num]['adsRedirectURL']&#32;+'"><img src="../lectures/'+&#32;count[num]['adsImageURL']&#32;+'" class="img-responsive" style="border: 0px;"></a>'); }else{ $('#imgAMostrar1').html('<a href="../lectures/'+&#32;count[0]['adsRedirectURL']&#32;+'"><img src="../lectures/'+&#32;count[0]['adsImageURL']&#32;+'" class="img-responsive" style="border: 0px;"></a>'); } } } </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 = '0'; 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="../lectures/'+datos[data]['fooUrl']+'"><img src="../lectures/'+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="../lectures/'&#32;+&#32;datos[data]['fooUrl']&#32;+&#32;'" 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="../lectures/'&#32;+&#32;datos[data]['fooUrl']&#32;+&#32;'"><img class="logo" src="../lectures/'&#32;+&#32;datos[data]['fooImageUrl']&#32;+&#32;'" alt="' + strip_tags(datos[data]['fooDescription']) + '"></a>'; } else { if(headAdd[2]==''||headAdd[2]==null) if(datos[data]['idArea']==4) headAdd[2] = '<a href="../lectures/'&#32;+&#32;datos[data]['fooUrl']&#32;+&#32;'"><img src="../lectures/'&#32;+&#32;datos[data]['fooImageUrl']&#32;+&#32;'" id="" alt="' + strip_tags(datos[data]['fooDescription']) + '" style="margin-top:35px;width:32px;height:32px;"></a>'; else headAdd[2] = '<a href="../lectures/'&#32;+&#32;datos[data]['fooUrl']&#32;+&#32;'"><img src="../lectures/'&#32;+&#32;datos[data]['fooImageUrl']&#32;+&#32;'" id="" alt="' + strip_tags(datos[data]['fooDescription']) + '" style="margin-top:35px;width:90px;height:32px;"></a>'; else headAdd[2] += '<a href="../lectures/'&#32;+&#32;datos[data]['fooUrl']&#32;+&#32;'"><img src="../lectures/'&#32;+&#32;datos[data]['fooImageUrl']&#32;+&#32;'" 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="../lectures/'+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="../lectures/'+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> <script type="text/javascript"> var _gaq = _gaq || []; _gaq.push(['_setAccount', 'UA-19047581-1']); _gaq.push(['_setDomainName', '.uci.edu']); _gaq.push(['_trackPageview']); (function () { var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true; ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js'; var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s); })(); </script> </html>

Pages: 1 2 3 4 5 6 7 8 9 10