CINXE.COM

AFI|Catalog

<!DOCTYPE html> <html lang="en"> <head> <meta charset="utf-8" /> <title>AFI|Catalog</title> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta content="width=device-width, initial-scale=1" name="viewport" /> <meta name="description"> <meta name="keywords"> <link rel="canonical" /> <!-- BEGIN GLOBAL MANDATORY STYLES --> <link href="https://fonts.googleapis.com/css?family=Open+Sans:400,300,600,700&subset=all" rel="stylesheet" type="text/css" /> <link href="/Content/Theme/assets/global/plugins/font-awesome/css/font-awesome.min.css" rel="stylesheet" type="text/css" /> <link href="/Content/Theme/assets/global/plugins/simple-line-icons/simple-line-icons.min.css" rel="stylesheet" type="text/css" /> <link href="/Content/Theme/assets/global/plugins/bootstrap/css/bootstrap.min.css" rel="stylesheet" type="text/css" /> <link href="/Content/Theme/assets/global/plugins/bootstrap-switch/css/bootstrap-switch.min.css" rel="stylesheet" type="text/css" /> <!-- END GLOBAL MANDATORY STYLES --> <!-- BEGIN KENDO STYLES --> <link href="/Content/kendo/css2?v=DnJ6np2tL_W_eiAd2qA-IWCukn8CmOcKvd2fGbn_4Zo1" rel="stylesheet"/> <!-- END KENDO STYLES --> <!-- BEGIN PAGE LEVEL PLUGINS --> <link href="/Content/publictheme.css" rel="stylesheet" type="text/css" /> <link href="/Content/SharedGridStyle.css" rel="stylesheet" /> <!-- END PAGE LEVEL PLUGINS --> <!-- BEGIN THEME GLOBAL STYLES --> <link href="/Content/Theme/assets/global/css/components.css" rel="stylesheet" id="style_components" type="text/css" /> <link href="/Content/Theme/assets/global/css/plugins.min.css" rel="stylesheet" type="text/css" /> <link href="/Content/Theme/assets/pages/css/search.css" rel="stylesheet" type="text/css" /> <!-- END THEME GLOBAL STYLES --> <!-- BEGIN THEME LAYOUT STYLES --> <link href="/Content/Theme/assets/layouts/layout/css/layout.css" rel="stylesheet" type="text/css" /> <link href="/Content/Theme/assets/layouts/layout/css/themes/darkblue.min.css" rel="stylesheet" type="text/css" id="style_color" /> <link href="/Content/Theme/assets/layouts/layout/css/custom.min.css" rel="stylesheet" type="text/css" /> <!-- END THEME LAYOUT STYLES --> <link rel="shortcut icon" href="/favicon.ico" /> <link href="/Content/style.css" rel="stylesheet" /> <link href="/Content/megamenu.css" rel="stylesheet" /> <!--AFI Catalog Style Sheets--> <link href="/Content/Site.css?v1.0.0" rel="stylesheet" /> <!--JqueryUI--> <script src="https://code.jquery.com/jquery-1.12.4.js"></script> <script src="https://code.jquery.com/ui/1.11.4/jquery-ui.js"></script> <script type='text/javascript'> $(document).ready(function () { $("input").attr("autocomplete", "off"); }); $.ajaxSetup({ cache: false }); var appInsights = window.appInsights || function (config) { function r(config) { t[config] = function () { var i = arguments; t.queue.push(function () { t[config].apply(t, i) }) } } var t = { config: config }, u = document, e = window, o = 'script', s = u.createElement(o), i, f; for (s.src = config.url || '//az416426.vo.msecnd.net/scripts/a/ai.0.js', u.getElementsByTagName(o)[0].parentNode.appendChild(s), t.cookie = u.cookie, t.queue = [], i = ['Event', 'Exception', 'Metric', 'PageView', 'Trace', 'Ajax']; i.length;) r('track' + i.pop()); return r('setAuthenticatedUserContext'), r('clearAuthenticatedUserContext'), config.disableExceptionTracking || (i = 'onerror', r('_' + i), f = e[i], e[i] = function (config, r, u, e, o) { var s = f && f(config, r, u, e, o); return s !== !0 && t['_' + i](config, r, u, e, o), s }), t }({ instrumentationKey: 'a74066ef-61b4-4f63-9a50-c58810b83160' }); window.appInsights = appInsights; appInsights.trackPageView(); </script> <!-- BEGIN KENDO SCRIPTS --> <script src="/bundles/kendo?v=CTQf01zRa5g3wppG5JYdcZSrI1qM1HY-5nRljW4VFeE1"></script> <!-- END KENDO SCRIPTS --> <script src="/Scripts/kendo.modernizr.custom.js"></script> <link href="/Content/bootstrap-horizon.css" rel="stylesheet" /> </head> <!-- END HEAD --> <body class="page-content-white page-full-width" style="background-color:black;padding:0px;"> <!-- scroll top end point dont remove it--> <div class='thetop'></div> <!--CustomCode--> <div class="container for-fullwidth"> <div class="row" id="divMasterHeader"> <!-- HEADER --> <header> <div align="center" class="headcontainer" style="z-index:99999999;"> <!-- New Header Start --> <nav id="headerNav" class="navbar home-sub-nav header" role="navigation"> <div class="nav-bg"> <div class=""> <!-- Brand and toggle get grouped for better mobile display --> <div class="navbar-header"> <button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#myNavbar"> <span class="sr-only">Toggle navigation</span> <span class="icon-bar"></span> <span class="icon-bar"></span> <span class="icon-bar"></span> </button> <div class="logoContainer"><a href="https://aficatalog.afi.com/"><img src="/Content/Images/afi_Logo.png" /></a></div> <div id="mobilesearchIcon" class="mobilesearchIcon"></div> </div> <!-- Collect the nav links, forms, and other content for toggling --> <div id="myNavbar"> <div class="header_top"> <div class="container"> <div class="header_top_menu"> <div class="menu-top-menu-container"> <ul id="menu-top-menu" class="nav navbar-nav"> <li id="afi" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-home menu-item-has-children menu-item-11111"> <a href="javascript:void(0);">AFI</a> <span class="menu_arrow"></span> <ul class="sub-menu"> <li id="menu-item-11112" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-11112"><a href="https://www.afi.com/">AFI HOME</a></li> <li id="menu-item-11112" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-11112"><a href="https://www.afi.com/about-afi/">About AFI</a></li> <li id="menu-item-11113" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-11113"><a href="https://www.afi.com/history/">History</a></li> <li id="menu-item-11115" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-11115"><a href="https://www.afi.com/board-of-trustees/">Board of Trustees</a></li> <li id="menu-item-11116" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-11116"><a href="https://www.afi.com/senior-staff/">Senior Staff</a></li> <li id="menu-item-11118" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-11118"><a href="https://www.afi.com/directions/">Directions</a></li> <li id="menu-item-11119" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-11119"><a href="https://www.afi.com/louis-b-mayer-library/">Louis B. Mayer Library</a></li> <li id="menu-item-11122" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-11122"><a href="https://www.afi.com/contact/">Contact</a></li> </ul> </li> <li id="menu-item-12659" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-12659"><a href="https://www.afi.com/wp-login.php">Login</a></li> <li id="menu-item-12724" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-12724"><a href="https://www.afi.com/support/">Support</a></li> </ul> </div> </div> </div> </div> <div class="header_bottom" id="myHeader"> <div class="container"> <div class="header_bottom_left"> <div class="header_logo"> <a href="https://aficatalog.afi.com/"> <img src="/Content/Images/afi_Logo.png" alt="header logo" class="img_responsive"> <span>CATALOG</span> </a> </div> <div class="header_logo_hover"> <a href="https://aficatalog.afi.com/"> <img src="/Content/Images/afi_Logo.png" alt="header logo" class="img_responsive"> </a> </div> </div> <div class="header_bottom_right"> <div class="navbar_header"> <div id="navbar" class="header_center"> <div class="header_menu"> <div class="menu-main-menu-container"> <ul id="menu-main-menu" class="nav navbar-nav"> <li id="menu-item-359" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-359"><a href="https://aficatalog.afi.com/about/">ABOUT</a></li> <li id="menu-item-269" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-269"><a id="Randompick">RANDOM PICK</a></li> <li id="menu-item-358" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-358"><a href="https://aficatalog.afi.com/women-they-talk-about/">WOMEN THEY TALK ABOUT</a></li> <li id="menu-item-357" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-357"><a href="https://aficatalog.afi.com/faq/">FAQ</a></li> </ul> </div> </div> </div> </div> <div class="header_search"> <img src="/Content/Images/Icon/search.png" class="search_icon desktop_view" alt="" /> <img src="/Content/Images/Icon/white_search.png" class="search_icon mobile_view" alt="" /> <div class="header_search_box"> <div class="search_sec"> <img class="search_close" src="/Content/Images/Icon/search_close.png" alt="" /> <h2 class="blur">The world’s most comprehensive Film database</h2> <h3>SEARCH THE CATALOG</h3> <form action="/Search" class="search-form" method="get"> <select id="searchField" name="searchField" class="searchField" style="display: none;"> <option value="MovieName">Movie Title</option> <option value="Name_AltName_CharName">Search for People</option> <option value="Director">Movies by Director</option> <option value="Producer">Movies by Producer</option> <option value="Cast">Movies by Cast</option> <option value="ReleaseYear">Movies by Release Year</option> <option value="ProductionCompany">Movies by Production Company</option> <option value="Genre">Movies by Genre</option> <option value="Subjects">Movies by Subject</option> <option value="Sourcecitations">Movies by Source citations </option> <option value="ALL">All</option> </select> <div class="nice-select searchField" tabindex="0"> <span class="current">Movie Title</span> <ul class="list"> <li data-value="MovieName" class="option selected">Movie Title</li> <li data-value="Name_AltName_CharName" class="option">Search for People</li> <li data-value="Director" class="option">Movies by Director</li> <li data-value="Producer" class="option">Movies by Producer</li> <li data-value="Cast" class="option">Movies by Cast</li> <li data-value="ReleaseYear" class="option">Movies by Release Year</li> <li data-value="ProductionCompany" class="option">Movies by Production Company</li> <li data-value="Genre" class="option">Movies by Genre</li> <li data-value="Subjects" class="option">Movies by Subject</li> <li data-value="Sourcecitations" class="option">Movies by Source citations</li> <li data-value="ALL" class="option">All</li> </ul> </div> <input type="search" id="searchText" class="search-field" value="" name="searchText"> <input type="hidden" name="sortType" value="sortByRelevance" id="sortType"> <button type="submit" class="search-submit"><img src="/Content/Images/Icon/search_small_icon.png" class="search_open_icon" alt=""></button> </form> <h4 class="blur">Use the drop down menu to narrow your search.</h4> <span class="advSearchlink"><i class="fa fa-search-plus" aria-hidden="true"></i><a class="" href="/iSearch">Advanced Search</a></span> </div> </div> </div> <div class="header_toggle"> <img src="/Content/Images/Icon/toggle.png" class="toggle_icon desktop_view" alt=""> <img src="/Content/Images/Icon/white_toggle.png" class="toggle_icon mobile_view" alt=""> </div> </div> </div> <div class="mega-menu-dropdown"> <img class="toggle_close" src="/Content/Images/Icon/search_close.png" alt=""> <div class="container"> <div class="row"> <div class="col-xl-3 col-lg-3 col-md-4 col-sm-6 col-12 container-height"> <div class="text-white menu-head-border-bottom"><a href="#" class="title">CONSERVATORY</a></div> <ul class="nav flex-column custom-nav"> <li> <a href="https://conservatory.afi.com/" class="title">Masters Degree Program</a> </li> <li> <a href="https://conservatory.afi.com/alumni-home-2/" class="title">Alumni</a> </li> <li> <a href="https://conservatory.afi.com/innovative-programs/" class="title">Innovative Programs</a> </li> <li> <a href="https://www.afi.com/louis-b-mayer-library/" class="title">Library</a> </li> </ul> </div> <div class="col-xl-3 col-lg-3 col-md-4 col-sm-6 col-12 container-height"> <div class="text-white menu-head-border-bottom"><a href="#" class="title">FESTIVALS</a></div> <ul class="nav flex-column custom-nav"> <li> <a href="https://fest.afi.com/" class="title">AFI FEST</a> </li> <li> <a href="https://docs.afi.com/" class="title">AFI DOCS</a> </li> </ul> </div> <div class="col-xl-3 col-lg-3 col-md-4 col-sm-6 col-12 container-height"> <div class="text-white menu-head-border-bottom"><a href="#" class="title">AWARDS</a></div> <ul class="nav flex-column custom-nav"> <li> <a href="https://www.afi.com/afi-awards/" class="title">AFI AWARDS</a> </li> <li> <a href="https://www.afi.com/afi-life-achievement-award/" class="title">AFI Life Achievement Award</a> </li> </ul> </div> <div class="col-xl-3 col-lg-3 col-md-4 col-sm-6 col-12 container-height"> <div class="text-white menu-head-border-bottom"><a href="#" class="title">PRESERVATION</a></div> <ul class="nav flex-column custom-nav"> <li> <a href="https://aficatalog.afi.com/" class="title">AFI Catalog of Feature Films</a> </li> <li> <a href="https://www.afi.com/afi-archive/" class="title">Archive</a> </li> <li> <a href="https://www.afi.com/afi-collection-at-the-library-of-congress/" class="title">Collection at the Library of Congress</a> </li> <li> <a href="https://www.afi.com/robert-osborne/" class="title">The Robert Osborne Collection</a> </li> </ul> </div> <div class="col-xl-3 col-lg-3 col-md-4 col-sm-6 col-12 container-height1"> <div class="text-white menu-head-border-bottom"><a href="#" class="title">LISTS</a></div> <ul class="nav flex-column custom-nav"> <li> <a href="https://www.afi.com/afis-100-years-100-movies-10th-anniversary-edition/" class="title">AFI 100 Years…100 Movies</a> </li> <li> <a href="https://www.afi.com/afis-100-years-100-movie-quotes/" class="title">AFI 100 Years…100 Quotes</a> </li> <li> <a href="https://www.afi.com/afis-10-top-10/" class="title">TEN TOP TEN</a> </li> <li> <a href="https://www.afi.com/afi-lists/" class="title">See all lists</a> </li> </ul> </div> <div class="col-xl-3 col-lg-3 col-md-4 col-sm-6 col-12 container-height1"> <div class="text-white menu-head-border-bottom"><a href="#" class="title">SILVER THEATRE</a></div> <ul class="nav flex-column custom-nav"> <li> <a href="https://afisilver.afi.com/" class="title">Silver Theatre and Cultural Center</a> </li> </ul> </div> <div class="col-xl-3 col-lg-3 col-md-4 col-sm-6 col-12 container-height1"> <div class="text-white menu-head-border-bottom"><a href="#" class="title">SUPPORT</a></div> <ul class="nav flex-column custom-nav"> <li> <a href="https://www.afi.com/support/" class="title">Donate</a> </li> <li> <a href="https://www.afi.com/support/?Op=join" class="title">Join the Premiere Circle</a> </li> </ul> </div> <div class="col-xl-3 col-lg-3 col-md-4 col-sm-6 col-12 container-height1"> <div class="text-white menu-head-border-bottom"><a href="#" class="title">AFI</a></div> <ul class="nav flex-column custom-nav"> <li> <a href="https://www.afi.com/movieclub" class="title">AFI Movie Club</a> </li> <li> <a href="https://www.afi.com/news" class="title">News</a> </li> <li> <a href="https://www.afi.com/press/" class="title">Press</a> </li> <li> <a href="https://www.afi.com/sign-up/?method=signup" class="title">Newsletter Sign-up</a> </li> <li> <a href="https://www.afi.com/members/all-access/" class="title">AFI Member All-Access</a> </li> <li> <a href="https://www.afi.com/wp-login.php" class="title">Log In </a> </li> </ul> </div> </div> <div class="header_social_icon"> <h2>STAY CONNECTED</h2> <ul> <li class="fb_icon"><a href="https://www.facebook.com/americanfilminstitute/" target="_blank"></a></li> <li class="instagram_icon"><a href="https://www.instagram.com/americanfilminstitute/" target="_blank"></a></li> <li class="twitter_icon"><a href="https://twitter.com/americanfilm" target="_blank"></a></li> <li class="youtube_icon"><a href="https://www.youtube.com/AFI" target="_blank"></a></li> </ul> </div> </div> </div> </div> </div> <!-- /.navbar-collapse --> </div> <!-- /.container --> </div> </nav> </div> </header> <!-- New Header End--> <!-- Mega Menu Code --> <link rel="stylesheet" href="/Content/AFIResources/css/megamenu.css"> <script type="text/javascript" src="/Content/AFIResources/js/megamenu_plugins.js"></script> <script type="text/javascript" src="/Content/AFIResources/js/megamenu.js"></script> <script> $(document).ready(function ($) { $("#Randompick").click(function () { $.ajax({ type: "POST", url: "/Home/RandomPicK", data: "{}", dataType: "json", contentType: 'application/json; charset=utf-8', cache: false, success: function (result) { if (result.success == true) { window.location = "/Film/" + result.returnUrl; } else { alert(result.returnUrl); } }, error: function (xhr) { alert("error"); } }); }); $('.megamenu').megaMenuCompleteSet({ menu_speed_show: 400, // Time (in milliseconds) to show a drop down menu_speed_hide: 400, // Time (in milliseconds) to hide a drop down menu_speed_delay: 50, // Time (in milliseconds) before showing a drop down menu_effect: 'hover_fade', // Drop down effect, choose between 'hover_fade', 'hover_slide', etc. menu_click_outside: 1, // Clicks outside the drop down close it (1 = true, 0 = false) menu_show_onload: 0, // Drop down to show on page load (type the number of the drop down, 0 for none) menu_responsive: 1 // 1 = Responsive, 0 = Not responsive }); $(".mobilesearchIcon").click(function(){ $("#mobilesearchIcon").toggleClass("closeSearch sb93"); }); var $slider = document.getElementById('mobilsearch'); var mobilesearchIcon = document.getElementById('mobilesearchIcon'); mobilesearchIcon.addEventListener('click', function () { var isOpen = $slider.classList.contains('slide-in'); $slider.setAttribute('class', isOpen ? 'slide-out' : 'slide-in'); }); //$('[data-toggle="tooltip"]').tooltip(); if (($(window).width() < 991)) { if (document.getElementById("mobilsearch")) { var mobileSearch = document.getElementById("mobilsearch").innerHTML; document.getElementById("mobilsearch").innerHTML = mobileSearch; } } if (($(window).width() > 991)) { $("#mobilsearch").html(""); } //$("#searchText").autocomplete({ // source: "/search/suggest", // minLength: 2, // select: function (event, ui) { // // document.getElementById('loginSubmit').submit(); // } //}); $('#searchText').autocomplete({ source: function (request, response) { $.ajax({ url: "/search/suggest", data: { term: request.term, searchField: $('#dropdownSearch').val(), maxRows: 12 }, success: function (data) { response($.map(data, function (item) { return { label: item.trim(), value: item.trim() } }) ) } }); }, minLength: 2 }); }); if ($(window).width() >= 1200) { $(document).ready(function () { $('#afi').hover(function (e) { $(this).addClass('open_content'); }, function (a) { $(this).removeClass('open_content'); }); }); } if ($(window).width() <= 1199) { $(document).ready(function () { $(".menu_arrow").click(function () { $(".menu_arrow").toggleClass("open"); $(".sub-menu").slideToggle(); }); }); } $(".search_icon").click(function () { $("body").addClass("search_open"); $("body").css("overflow", "hidden") }); $(".search_close").click(function () { $("body").removeClass("search_open"); $("body").css("overflow-y", "scroll") }); $(".toggle_icon").click(function () { $("body").addClass("toggle_open"); $("body").css("overflow", "hidden") }); $(".toggle_close").click(function () { $("body").removeClass("toggle_open"); $("body").css("overflow-y", "scroll") }); $(".nice-select ").click(function () { $(this).toggleClass("open"); }); $('.option ').on('click', function () { $('.option.selected').removeClass('selected'); $(this).addClass('selected'); }); $(window).scroll(function () { var scroll = $(window).scrollTop(); if (scroll >= 42) { $(".header_bottom").addClass("sticky"); } else { $(".header_bottom").removeClass("sticky"); } }); $("ul.list li").click(function (e) { e.preventDefault(); var searchtype = $(this).attr("data-value"); $("#searchField").val(searchtype); if (searchtype.toLowerCase() == "releaseyear" || searchtype.toLowerCase() == "genre") { $("#sortType").val('sortByTitle'); } else { if (searchtype.toLowerCase() == "name_altname_charname" || searchtype.toLowerCase() == "director" || searchtype.toLowerCase() == "producer" || searchtype.toLowerCase() == "cast" || searchtype.toLowerCase() == "productioncompany" || searchtype.toLowerCase() == "subjects") { $("#sortType").val('sortByExactMatch'); } else { $("#sortType").val('sortByRelevance'); } } var options = $("#searchField option"); var activeClass = $(this).attr("data-value"); options.each(function (i, e) { var t = $(this); if (t.val() == activeClass) { t.show(); } else { t.hide(); } }) $(".current").html($(this).html()); }); </script> </div> <div class="row"> <!--CustomCodeEnd--> <div class="page-wrapper"> <!-- BEGIN HEADER --> <div class="page-header navbar bgblack" id="divMasterPageTop"> <!-- BEGIN HEADER INNER --> <div class="page-header-inner"> <!-- BEGIN PAGE TOP --> <div class="page-top"> <div class="container"> <div class="row"> <div class="col-md-8"> <!-- BEGIN HEADER SEARCH BOX --> <!-- DOC: Apply "search-form-expanded" right after the "search-form" class to have half expanded search box --> <h1 class="hedAfi"><a class = "hedAfi" href="https://aficatalog.afi.com/">AFI CATALOG OF FEATURE FILMS</a></h1> <h1 class="subhedAfi">THE FIRST 100 YEARS 1893–1993</h1> </div> <div class="col-md-4 pull-right"> <form action="/Search" method="get"> <div class="panelSearch notab"> <div class="nav-search-scope nav-sprite"> <div class="nav-search-facade" data-value="search-alias=aps"> <span id="selectedField" class="nav-search-label" style="width: auto;">Movie Title</span> <i class="fa fa-sort-desc" aria-hidden="true"></i> </div> <select id="dropdownSearch" class="nav-search-dropdown searchSelect" name="searchField"> <option value="MovieName">Movie Title</option> <option value="Name_AltName_CharName">Search for People</option> <option value="Director">Movies by Director</option> <option value="Producer">Movies by Producer</option> <option value="Cast">Movies by Cast</option> <option value="ReleaseYear">Movies by Release Year</option> <option value="ProductionCompany">Movies by Production Company</option> <option value="Genre">Movies by Genre</option> <option value="Subjects">Movies by Subject</option> <option>All</option> </select> </div> <div class="newSearch"> <input id="searchText" name="searchText" type="text" value="" /> <input id="sortType" name="sortType" type="hidden" value="sortByRelevance" /> <div class="searchContainer"> <input type="submit" value="" class="searchIcon" /> </div> </div> </div> </form> <!-- END HEADER SEARCH BOX --> <!-- BEGIN TOP NAVIGATION MENU --> <div class="top-menu loginButton"> <ul class="nav navbar-nav pull-right"> <!-- BEGIN USER LOGIN DROPDOWN --> <li class="dropdown textWhite"> </li> <li class="dropdown"> <a href="/Account/SignIn" data-toggle="tooltip" title="Login to AFI Catalog System" class="dropdown-toggle"> <i class="icon-login"></i> </a> </li> </ul> </div> <!-- END TOP NAVIGATION MENU --> </div> </div> </div> </div> <!-- END PAGE TOP --> </div> <!-- END HEADER INNER --> </div> <!-- END HEADER --> <!-- BEGIN HEADER & CONTENT DIVIDER --> <div class="clearfix"> </div> <!-- END HEADER & CONTENT DIVIDER --> <!-- BEGIN CONTAINER --> <div class="page-container" style="background-color:#eaeaea"> <!-- BEGIN CONTENT --> <div class="page-content-wrapper" style="max-width:1500px;width:100%; margin:auto !important;float:unset;background-color:#fff"> <!-- BEGIN CONTENT BODY --> <div class="page-content"> <div class="row"> <div class="col-md-12"> <div class="page-bar"> <ul class="page-breadcrumb"> <li> <i class="icon-home"></i> <a href="">Home</a> <i class="fa fa-angle-right"></i> </li> <li> <a href="/iSearch"> <span>Search</span></a> </li> </ul> </div> </div> </div> <div class="row"> <div class="col-md-12"> <div class="portlet light portlet-fit "> <div class="portlet-title"> <div class="caption"> <i class="fa fa-search font-red"></i> <span class="caption-subject font-red uppercase main-heading-inner">Search</span> </div> </div> </div> </div> </div> <div class="row"> <div class="col-md-12"> <div class="portlet light portlet-body"> <div class="tab-pane fade " id="tabMovieSearchLayout"> <div class="row"> <div class="col-md-12 col-lg-12"> <div class="portlet-fit "> <div class="portlet-body"> <div id="_MovieSearchLayout"> <img height="50" width="50" src="/Content/Images/spinner.gif" style="display: block; margin: auto auto;" /> </div> </div> </div> </div> </div> </div> </div> </div> </div> </div> <br /> <script type="text/javascript"> $(document).ready(function () { onSelectSearchOption("Movies"); }); $('#tabLanguage').hide(); function onSelectSearchOption(val) { $('#tabMovieSearchLayout').hide(); switch (val) { case "Movies": $('#tabMovieSearchLayout').show(); $.ajax({ url: "/iSearch/_MovieSearchLayout", contentType: "application/html; charset=utf-8", type: "GET", cache: false, datatype: "html", success: function (t) { $("#_MovieSearchLayout").html(t) }, error: function () { $("#_MovieSearchLayout").html("Cannot load search!") } }) break; case "People": $('#tabPeopleSearchLayout').show(); $.ajax({ url: "/iSearch/_PeopleSearchLayout", contentType: "application/html; charset=utf-8", type: "GET", cache: false, datatype: "html", success: function (t) { $("#_PeopleSearchLayout").html(t) }, error: function () { $("#_PeopleSearchLayout").html("Cannot load search!") } }) break; case "Companies": $('#tabCompanySearchLayout').show(); $.ajax({ url: "/iSearch/_CompanySearchLayout", contentType: "application/html; charset=utf-8", type: "GET", cache: false, datatype: "html", success: function (t) { $("#_CompanySearchLayout").html(t) }, error: function () { $("#_CompanySearchLayout").html("Cannot load search!") } }) break; case "WTTA": $('#tabWTTASearchLayout').show(); $.ajax({ url: "/iSearch/_WTTASearchLayout", contentType: "application/html; charset=utf-8", type: "GET", cache: false, datatype: "html", success: function (t) { $("#_WTTASearchLayout").html(t) }, error: function () { $("#_WTTASearchLayout").html("Cannot load search!") } }) break; default: $('#tabDefault').show(); } } function OnSuccess(data) { if ($("#SearchType").val() == "Movie") { var htmlcontent = '<h4 class="search-name">Search Results</h4>'; htmlcontent += '<div class="search-result">'; htmlcontent += '<div id="movieSearchGrid"></div>' htmlcontent += '</div>'; htmlcontent += '</div>'; $("#divSearchResults").html(htmlcontent); var showAllRecords = false; if ($('input[id="showAllRecord"]').is(":checked")) showAllRecords = true; const replaceRegxString = /(?:(the|a|an) +)/g; $("#movieSearchGrid").kendoGrid({ dataSource: { data: data, pageSize: showAllRecords ? data.length : 50, serverPaging: false, serverFiltering: false, serverSorting: false }, pageable: { input: showAllRecords === true ? false : true, numeric: false, previousNext: showAllRecords === true ? false : true, }, height: 550, groupable: false, filterable: false, sortable: { allowUnsort: true, showIndexes: true, mode: "multiple" }, scrollable: { height: 430 }, columns: [ { field: "Id", title: "Id" }, { field: "Title", title: "Title", template: "<a href='/Catalog/MovieDetails/#: Id #'>#: Title #</a>", sortable: { compare: function (a, b) { return a.Title.toLocaleLowerCase().replace(replaceRegxString, '') === b.Title.toLocaleLowerCase().replace(replaceRegxString, '') ? 0 : (a.Title.toLocaleLowerCase().replace(replaceRegxString, '') > b.Title.toLocaleLowerCase().replace(replaceRegxString, '')) ? 1 : -1; } } }, { field: "ReleaseYear", title: "Release Year" }, { field: "Id", title: "Edit", template: "<a href='/DataCapture/Edit/#= Id #' class='k-button k-button-icontext k-grid-edit'><span class='k-icon k-i-edit'></span>Edit</a>", hidden: false }, { field: "Id", title: "Print", template: "<a href='/Catalog/MovieDetailsPrintView/#= Id #' class='k-button k-button-icontext k-grid-edit'><i class='fa fa-print' style='font-size:15px; margin-right:4px;'></i>Print</a>", hidden: false }, ], toolbar: ["excel"], excel: { fileName: "MovieSearchList.xlsx", allPages: true } }); $('.k-grid .k-grid-header').css('padding-right', '0px'); var h = parseInt($(".k-grid .k-grid-header").css("height").replace('px', '')) + 1; $('.k-grid .k-grid-header').css('height', h + 'px'); $('.k-grid-header-wrap').each(function () { this.style.setProperty('height', h + 'px', 'important'); }); } var isA = 'false'; if (isA == "false" ? true : false) { var grid = $("#movieSearchGrid").data("kendoGrid"); grid.hideColumn(3); grid.hideColumn(4); $('.k-grid-toolbar').hide(); } } </script> <!-- END CONTENT BODY --> <div class='scrolltop'> <div class='scroll icon'> <img src="/Content/Images/Icon/top.png" /> </div> </div> </div> <!-- END CONTENT --> </div> <!-- END CONTAINER --> </div> <!--CustomCode--> </div> <div class="row" id="divFooter"> <footer> <div class="footer_top"> <div class="container"> <div class="row"> <div class="col-sm-3"> <div id="text-2" class="widget widget_text"> <h2 class="widgettitle">AMERICAN FILM INSTITUTE</h2> <div class="textwidget"> <p>The American Film Institute is a 501c3 nonprofit dedicated to celebrating excellence in the art form and to creating national education initiatives that inspire artists and audiences alike.</p> </div> </div> </div> <div class="col-sm-3"> <div id="text-3" class="widget widget_text"> <h2 class="widgettitle">CONTACT US</h2> <div class="textwidget"> <p> American Film Institute<br> 2021 North Western Avenue<br> Los Angeles, CA 90027-1657 </p> <p> <a href="tel:323.856.7600">323.856.7600</a><br> </p> <p><a href="/cdn-cgi/l/email-protection#3d74535b524f505c495452537d7c7b74135e5250"><span class="__cf_email__" data-cfemail="470e292128352a26332e28290706010e6924282a">[email&#160;protected]</span></a></p> </div> </div> </div> <div class="col-sm-3"> <div id="text-4" class="widget widget_text"> <h2 class="widgettitle">PROGRAMS</h2> <div class="textwidget"> <ul> <li><a href="https://aficatalog.afi.com/">AFI Catalog</a></li> <li><a href="https://conservatory.afi.com/">AFI Conservatory</a></li> <li><a href="https://docs.afi.com/">AFI DOCS</a></li> <li><a href="https://fest.afi.com/ ">AFI FEST</a></li> <li><a href="https://www.afi.com/afi-lists/">AFI Lists</a></li> <li><a href="https://www.afi.com/silver">AFI Silver Theatre</a></li> <li><a href="https://www.afi.com/afi-awards/">AFI AWARDS</a></li> <li><a href="https://www.afi.com/afi-life-achievement-award/">AFI Life Achievement Award</a></li> <li><a href="https://www.afi.com/movieclub/">AFI Movie Club</a></li> <li><a href="https://conservatory.afi.com/innovative-programs/">AFI Innovative Programs</a></li> </ul> </div> </div><div id="text-5" class="widget widget_text"> <div class="textwidget"> <ul> <li> <h2 class="widgettitle">LEGAL</h2> <ul> <li><a href="https://www.afi.com/access">Events Access Disclaimer</a></li> <li><a href="https://www.afi.com/policy/">Privacy Policy</a></li> <li><a href="https://www.afi.com/safety-at-afi/">Safety at AFI</a></li> <li><a href="https://www.afi.com/title-ix/">Title IX</a></li> </ul> </li> </ul> </div> </div> </div> <div class="col-sm-3 last_footer_content"> <div id="text-6" class="widget widget_text"> <div class="textwidget"> <ul> <li><a href="https://www.afi.com/careers/">CAREERS</a></li> <li><a href="https://www.afi.com/press">PRESS</a></li> <li><a href="https://www.afi.com/news/">NEWS</a></li> <li><a href="https://www.youtube.com/AFI">VIDEOS</a></li> </ul> <ul> <h2 class="widgettitle"> MEMBER PORTAL </h2> <ul> <li><a href="https://www.afi.com/support/?Op=join">Join the Premiere Circle</a></li> <li><a href="https://www.afi.com/support/?Op=donate">Donate</a></li> <li><a href="https://www.afi.com/my-profile/">Update Profile</a></li> <li><a href="https://www.afi.com/members/all-access/">AFI Member All-Access</a></li> </ul> </ul> </ul> </div> </div> </div> </div> </div> </div> <div class="footer_bottom"> <span>©2024 AMERICAN FILM INSTITUTE. ALL RIGHTS RESERVED.</span> </div> </footer> </div> </div> <!--CustomCodeEnd--> <!--[if lt IE 9]> <script src="../Content/Theme/Assets/global/plugins/respond.min.js"></script> <script src="../Content/Theme/Assets/global/plugins/excanvas.min.js"></script> <script src="../Content/Theme/Assets/global/plugins/ie8.fix.min.js"></script> <![endif]--> <!-- BEGIN CORE PLUGINS --> <script data-cfasync="false" src="/cdn-cgi/scripts/5c5dd728/cloudflare-static/email-decode.min.js"></script><script src="/Content/Theme/Assets/global/plugins/bootstrap/js/bootstrap.min.js" type="text/javascript"></script> <script src="/Content/Theme/Assets/global/plugins/js.cookie.min.js" type="text/javascript"></script> <script src="/Content/Theme/Assets/global/plugins/jquery-slimscroll/jquery.slimscroll.min.js" type="text/javascript"></script> <script src="/Content/Theme/Assets/global/plugins/jquery.blockui.min.js" type="text/javascript"></script> <script src="/Content/Theme/Assets/global/plugins/bootstrap-switch/js/bootstrap-switch.min.js" type="text/javascript"></script> <!-- END CORE PLUGINS --> <!-- BEGIN PAGE LEVEL PLUGINS --> <!-- END PAGE LEVEL PLUGINS --> <!-- BEGIN THEME GLOBAL SCRIPTS --> <script src="/Content/Theme/Assets/global/scripts/app.min.js" type="text/javascript"></script> <!-- END THEME GLOBAL SCRIPTS --> <!-- BEGIN PAGE LEVEL SCRIPTS --> <script type="text/javascript" src="/Scripts/jquery.unobtrusive-ajax.js"></script> <script src="/Content/jquery.waypoints.min.js"></script> <script src="/Content/jquery.counterup.min.js"></script> <script src="/Scripts/SharedGridFunctions.js"></script> <!-- END PAGE LEVEL SCRIPTS --> <!-- BEGIN THEME LAYOUT SCRIPTS --> <script src="/Content/Theme/Assets/layouts/layout/scripts/layout.min.js" type="text/javascript"></script> <script src="/Content/Theme/Assets/layouts/layout/scripts/demo.min.js" type="text/javascript"></script> <script src="/Content/Theme/Assets/layouts/global/scripts/quick-sidebar.min.js" type="text/javascript"></script> <script src="/Content/Theme/Assets/layouts/global/scripts/quick-nav.min.js" type="text/javascript"></script> <!-- END THEME LAYOUT SCRIPTS --> <!-- BEGIN MVC Unobtrusive Validation Script--> <script src='/Scripts/jquery.validate.js' type='text/javascript'></script> <script src='/Scripts/jquery.validate.unobtrusive.js' type='text/javascript'></script> <!-- END MVC Unobstrusive Validation Script --> <!-- Go to www.addthis.com/dashboard to customize your tools --> <script type="text/javascript" src="//s7.addthis.com/js/300/addthis_widget.js#pubid=ra-4df7ddd06f2f91f3"></script> <!-- Go to www.addthis.com/dashboard to customize your tools --> <script type="text/javascript"> //debugger;; $(document).ready(function () { //debugger;; $("#dropdownSearch").change(function () { var selectedFieldText = $("#dropdownSearch option:selected").text(); $("#selectedField").text(selectedFieldText); }); $('[data-toggle="tab"]').click(function () { $(".tooltip").hide(); }) $(".ui-autocomplete").appendTo(".search-form"); $(window).scroll(function () { if ($(this).scrollTop() > 50) { $('.scrolltop:hidden').stop(true, true).fadeIn(); } else { $('.scrolltop').stop(true, true).fadeOut(); } }); if ($(".headcontainer ").hasClass("bgpost93Hed")) { $(".ui-widget-content").css("background-color", "rgb(38, 63, 102)"); $(".ui-widget-content").addClass("pauto"); } $(function () { $(".scroll").click(function () { $("html,body").animate({ scrollTop: $(".thetop").offset().top }, "1000"); return false }) }) $('[data-toggle="tooltip"]').tooltip(); ////debugger;; if (($(window).width() < 991)) { // $("#mobilsearch").html(""); $("#mobilsearch").slice(1).remove() //$(".ui-autocomplete").slice(1).remove() } }); </script> <script>(function(){function c(){var b=a.contentDocument||a.contentWindow.document;if(b){var d=b.createElement('script');d.innerHTML="window.__CF$cv$params={r:'920897f63a0e89ac',t:'MTc0MjAwNTg3Ny4wMDAwMDA='};var a=document.createElement('script');a.nonce='';a.src='/cdn-cgi/challenge-platform/scripts/jsd/main.js';document.getElementsByTagName('head')[0].appendChild(a);";b.getElementsByTagName('head')[0].appendChild(d)}}if(document.body){var a=document.createElement('iframe');a.height=1;a.width=1;a.style.position='absolute';a.style.top=0;a.style.left=0;a.style.border='none';a.style.visibility='hidden';document.body.appendChild(a);if('loading'!==document.readyState)c();else if(window.addEventListener)document.addEventListener('DOMContentLoaded',c);else{var e=document.onreadystatechange||function(){};document.onreadystatechange=function(b){e(b);'loading'!==document.readyState&&(document.onreadystatechange=e,c())}}}})();</script></body> </html>

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