PageSourceSearch

https://www.history.de/typo3temp/assets/compressed/main-d5e564a765dbbaef795bb78871ceebc6.js?1787211874

js history.de collected 2026-10-02 09:54:12 UTC 22,332 bytes, 804 lines download raw bytes

1var indexSlider;
2var SlideWidth;
3var SlideMargin = 20;
4var SliderWidth;
5
6$(document).ready(function () {
7  $(".slider").show();
8  $(".teaser_slider_wrapper").show();
9
10  $(".nav_icon").click(function () {
11    $(".top .head_nav ul, .top .head_nav li, .responsive_search_mobile").toggle(
12      "fast"
13    );
14  });
15  $(".wrapper_sticky input[type=checkbox]").iCheck();
16  $(".wrapper_sticky input[type=radio]").iCheck();
17
18  $(".img_hover").on("touchstart", function (e) {
19    //e.preventDefault();
20    $(this).toggleClass("hover_effect");
21
22    if ($(this).hasClass("hover_effect")) {
23      $(this).next("ul").show();
24    } else {
25      $(this).next("ul").hide();
26    }
27  });
28
29  //zurück button
30  $(".btn_back_mobile a.internal-link").click(function () {
31    if (!$(this).attr("href").length) {
32      history.go(-1);
33      return false;
34    }
35  });
36
37  //search animation
38  $(".head_nav > form .search_submit").on("click", function () {
39    if ($(window).width() < 768) {
40      if (!$(".head_nav .quicksearch").is(":visible")) {
41        $(this).addClass("close");
42        $(
43          ".head_nav .responsive_search_mobile, .head_nav .responsive_search_mobile .search_submit"
44        ).show("fast");
45
46        return false;
47      } else if ($(".head_nav .search_submit").hasClass("close")) {
48        $(
49          ".head_nav .responsive_search_mobile, .head_nav .responsive_search_mobile .search_submit"
50        ).hide("fast");
51        $(this).removeClass("close");
52
53        return false;
54      }
55    } else {
56      if (!$(".head_nav .quicksearch").is(":visible")) {
57        if ($(".head_nav .search_submit").hasClass("close")) {
58          $(".responsive_search").slideUp();
59          $(".head_nav .search_submit").removeClass("close");
60        } else {
61          $(".head_nav .search_submit").addClass("close");
62          $(".responsive_search").slideDown();
63        }
64        return false;
65      }
66    }
67  });
68
69  // Klicktracking
70  /*
71     $('a, input[type="submit"], #btn-los-gehts').live('click', function() {
72     var mytitle = $(this).attr('title');
73     var myhref = $(this).attr('href');
74     
75     if(typeof(mytitle) !== "undefined" && mytitle !== ''){
76     recordMyEvent('Link-Click',mytitle);
77     }
78     else if(typeof(myhref) !== "undefined" && myhref !== ''){
79     recordMyEvent('Link-Click',myhref);
80     }
81     else if(typeof($(this).data('link')) !== "undefined" && $(this).data('link') !== ''){
82     recordMyEvent('Link-Click',$(this).data('link'));
83     }
84     else if(typeof($(this).data('title')) !== "undefined" && $(this).data('title') !== ''){
85     recordMyEvent('Link-Click',$(this).data('title'));
86     }
87     });
88     */
89
90  //facebook sharer
91  $(".fbshare").click(function (e) {
92    e.preventDefault();
93    window.open(
94      $(this).data("href"),
95      "fbShareWindow",
96      "height=300, width=550, top=" +
97        ($(window).height() / 2 - 275) +
98        ", left=" +
99        ($(window).width() / 2 - 225) +
100        ", toolbar=0, location=0, menubar=0, directories=0, scrollbars=0"
101    );
102    return false;
103  });
104
105  //on click -> open the first link, which is inside the element
106  $(".teaserClick").click(function (e) {
107    e.preventDefault();
108    var link = $(this).find("a");
109    var game_link_container = $(this).find(".spiele_links");
110
111    //check if the game link container is set in html
112    if (game_link_container.length > 0) {
113      checkMobileDevice(this);
114    } else if (link) {
115      if (link[1]) {
116        if (link[1]["href"]) {
117          if (link[1]["target"]) {
118            var href = link[1]["href"];
119            var target = link[1]["target"];
120            window.open(href, target);
121          } else {
122            var href = link[1]["href"];
123            window.open(href, "_self");
124          }
125        }
126      } else {
127        if (link[0]) {
128          if (link[0]["href"]) {
129            if (link[0]["target"]) {
130              var href = link[0]["href"];
131              var target = link[0]["target"];
132              window.open(href, target);
133            } else {
134              var href = link[0]["href"];
135              window.open(href, "_self");
136            }
137          }
138        }
139      }
140    }
141    //console.log(link);
142  });
143
144  $(".bxslider").each(function () {
145    var mode = "horizontal";
146    if ($(this).hasClass("fade")) {
147      mode = "fade";
148    }
149
150    $(this).bxSlider({
151      nextSelector: "#next",
152      prevSelector: "#prev",
153      touchEnabled: true,
154      adaptiveHeight: false,
155      auto: true,
156      pause: 6000,
157      mode: mode,
158    });
159  });
160  SliderWidth = $(window).width();
161  if (SliderWidth < 768) {
162    maxSlide = 1;
163    SlideMargin = 0;
164    SlideWidth = 440;
165  } else if (SliderWidth < 940) {
166    maxSlide = 2;
167    SlideMargin = 50;
168    SlideWidth = 300;
169  } else {
170    maxSlide = 3;
171    SlideMargin = 20;
172    SlideWidth = 300;
173  }
174
175  indexSlider = $(".teaser_slider_wrapper .teaser_slider").bxSlider({
176    minSlides: 1,
177    maxSlides: maxSlide,
178    slideWidth: SlideWidth,
179    slideMargin: SlideMargin,
180    infiniteLoop: true,
181    hideControlOnEnd: true,
182    pager: false,
183    auto: true,
184    pause: 6000,
185  });
186
187  $(".teaser_slider_wrapper.slider23 .teaser_slider").bxSlider({
188    minSlides: 1,
189    maxSlides: maxSlide,
190    slideWidth: SlideWidth,
191    slideMargin: SlideMargin,
192    infiniteLoop: true,
193    hideControlOnEnd: true,
194    pager: false,
195    auto: true,
196    pause: 6000,
197  });
198
199  //BX Slider galerie
200  $(".galerie_item_wrapper").bxSlider({
201    minSlides: 1,
202    maxSlides: 6,
203    slideWidth: 140, //SlideWidth
204    slideMargin: 20,
205    infiniteLoop: true,
206    hideControlOnEnd: true,
207    pager: false,
208    auto: false,
209    pause: 6000,
210    onSliderLoad: function () {
211      var img = "";
212      var src = "";
213
214      if ($(".galerie_item").first().parent(".csc-default").length) {
215        img = $(".galerie_item_wrapper > .csc-default")
216          .not(".bx-clone")
217          .first()
218          .find(".galerie_item")
219          .addClass("active")
220          .find("img");
221        //var src = $('.galerie_item_wrapper > .csc-default').not('.bx-clone').first().find('.galerie_item').addClass('active').find('img').attr('src');
222      } else {
223        img = $(".galerie_item_wrapper > .galerie_item")
224          .not(".bx-clone")
225          .first()
226          .addClass("active")
227          .find("img");
228        //var src = $('.galerie_item_wrapper > .galerie_item').not('.bx-clone').first().addClass('active').find('img').attr('src');
229      }
230      if (img.data("img")) {
231        src = img.data("img");
232      } else {
233        src = img.attr("src");
234      }
235      $(".galerie_content").append('<img src="' + src + '" />');
236      $(".galerie_content img").stop().fadeIn();
237    },
238  });
239
240  $(window).resize(function () {
241    //centerImage();
242    if ($(".teaser_slider").length > 0) {
243      changeMaxSlide();
244    }
245    setNewsHeight();
246  });
247
248  $(".moreless, .anbieter h3").on("click", function () {
249    tmp_this = $(this).closest(".anbieter").find(".moreless");
250    if ($(tmp_this).hasClass("more")) {
251      //console.log("more");
252      var anbieter = $(tmp_this).parent();
253      /*$(anbieter).find('h3').hide("fast", function(){
254             $(anbieter).find('.teaserOpen').slideDown();
255             });*/
256      $(anbieter).find("h4").slideDown();
257      $(anbieter).find(".icons").show();
258
259      $(anbieter).find(".moreless").removeClass("more");
260      $(anbieter).find(".moreless").addClass("less");
261
262      $(anbieter).find("h3").text("Schliessen");
263    } else {
264      //console.log("less");
265      var anbieter = $(tmp_this).parent();
266      /*$(anbieter).find('.teaserOpen').slideUp(function(){
267             $(anbieter).find('h3').show();
268             });*/
269      $(anbieter).find("h4").slideUp();
270      $(anbieter).find(".icons").hide();
271      $(anbieter).find(".moreless").removeClass("less");
272      $(anbieter).find(".moreless").addClass("more");
273      $(anbieter).find("h3").text("Mehr erfahren");
274    }
275  });
276
277  //click galerie
278  $(document).on("click", ".galerie_item", function () {
279    //$('.galerie_item').on('click', function(){
280    //get src from next img element
281    var img = $(this).find("img");
282    var src = "";
283    if (img.data("img")) {
284      src = img.data("img");
285    } else {
286      src = img.attr("src");
287    }
288
289    //console.log($('.galerie_content img').length);
290
291    if ($(".galerie_content img").length <= 0) {
292      $(".galerie_content").append('<img src="' + src + '" />');
293      $(".galerie_content img").stop().fadeIn();
294    } else {
295      var currentHeight = $(".galerie_content img").height();
296      $(".galerie_content").height(currentHeight);
297      $(".galerie_content img")
298        .stop()
299        .fadeOut(function () {
300          $(this).remove();
301          $(".galerie_content").append('<img src="' + src + '" />');
302          $(".galerie_content img").stop().fadeIn();
303          setTimeout(function () {
304            $(".galerie_content").height("auto");
305          }, 1200);
306        });
307    }
308    $(".galerie_item.active").removeClass("active");
309    $(this).addClass("active");
310  });
311
312  $(document).on("click", ".galerie_content .bx-prev", function () {
313    $(".galerie_item_wrapper > .galerie_item.active").prev().trigger("click");
314    $(".galerie_item.active")
315      .parent(".csc-default")
316      .prev()
317      .find(".galerie_item")
318      .trigger("click");
319  });
320
321  $(document).on("click", ".galerie_content .bx-next", function () {
322    $(".galerie_item_wrapper > .galerie_item.active").next().trigger("click");
323    $(".galerie_item.active")
324      .parent(".csc-default")
325      .next()
326      .find(".galerie_item")
327      .trigger("click");
328  });
329
330  //show description on click, show vormerken icons
331  $(".hint").on("click", function () {
332    var hint = $(this);
333    hint.find(".more").slideDown();
334    hint.find(".close").show();
335    hint.addClass("open");
336    hint.removeClass("closed");
337
338    //icons
339    hint.find(".vormerken_more").slideDown();
340  });
341
342  //hide description on click if open, hide vormerken icons
343  $(".tvguide .close").on("click", function (e) {
344    var parent = $(this).parent();
345    if (parent.hasClass("hint")) {
346      var hint = parent;
347      hint.find(".close").hide();
348      hint.find(".more").slideUp();
349      hint.removeClass("open");
350      hint.addClass("closed");
351      e.stopPropagation();
352
353      //icons
354      hint.find(".vormerken_more").slideUp();
355    } else if (parent.hasClass("email_reminder")) {
356      parent.slideUp();
357    }
358  });
359
360  //show email form
361  $(".tvguide .vormerken_email").on("click", function () {
362    $(this).parents(".hint").next().slideDown();
363    $.scrollTo($(this).parents(".hint").find(".right_hint"), 800);
364  });
365
366  $(document).on("click", "a.trigger_fb_streampublish", function () {
367    //removed weil auf der news seite sonst ein andere Text genommmen wird
368    var caption = $(this).data("fb_caption");
369    var name = $(this).data("fb_name");
370    var description = $(this).data("fb_description");
371    var link = $(this).data("fb_link");
372    var image =
373      "http://www.history.de" +
374      $(".news_detail .news-img-wrap img").attr("src");
375
376    FBStreamPublish(caption, name, description, link, image);
377
378    //$('.facebook.fbshare').trigger('click');
379  });
380
381  $("form.t3chimp-form").submit(function () {
382    var errors = "";
383    if (
384      !$("#tx_t3chimp_title-frau").is(":checked") &&
385      !$("#tx_t3chimp_title-herr").is(":checked")
386    ) {
387      $(".t3chimp-field-radio label").addClass("error");
388      errors += "r";
389    } else {
390      $(".t3chimp-field-radio label").removeClass("error");
391    }
392
393    $(
394      '.t3chimp-form input[type="text"],.t3chimp-form input[type="email"]'
395    ).each(function () {
396      if ($(this).val() === "") {
397        $(this).addClass("error");
398        errors += "r";
399      } else {
400        $(this).removeClass("error");
401      }
402    });
403
404    if (errors === "") {
405      return true;
406    } else {
407      return false;
408    }
409  });
410
411  $(document).on("ajaxSuccess", function (event, jqXHR, ajaxOptions, data) {
412    if (ajaxOptions.url.search("tx_t3chimp_subscription") !== -1) {
413      $("input").iCheck();
414    }
415  });
416
417  /*
418   * Spiele Trailer
419   * display when clicked on trailer_stoerer, hide again on close
420   */
421  $(".trailer_stoerer").click(function () {
422    //get index of trailer_stoerer
423    var index = $(".bxslider > div")
424      .not(".bx-clone")
425      .find(".trailer_stoerer")
426      .index($(this));
427
428    //get matching spiele_trailer and display it if it is not already showing
429    var trailer = $(".spiele_trailer").get(index);
430    if ($(trailer).css("display") == "none") {
431      //hide all spiele_trailer, prevent multiple spiele_trailer from showing
432      //stop videso from playing
433      $(".spiele_trailer").each(function () {
434        $(this).hide();
435        var clone = $(this).find("iframe").clone(true);
436        $(this).find(".singleplayer").html(clone);
437      });
438
439      $(trailer).slideDown();
440    }
441
442    //Smooth scrolling to video
443    $.scrollTo(trailer, 800);
444  });
445
446  $(".spiele_trailer .close").click(function () {
447    $(this).parent(".spiele_trailer").slideUp();
448
449    //clone und set player again to stop video from playing
450    var clone = $(this).parent(".spiele_trailer").find("iframe").clone(true);
451    $(this).parent(".singleplayer").html(clone);
452  });
453
454  //END Spiele Trailer
455
456  /*
457   * Lightbox
458   */
459  $(".lightbox_container img").each(function () {
460    //get index of lightbox in body (in case there are multiple lightboxes
461    var index = $(this).parents(".lightbox_container").index();
462
463    //set link with needed attributes
464    $(this)
465      .parents(".lightbox_container > .csc-default > div")
466      .wrap(
467        '<a href="' +
468          $(this).attr("src") +
469          '" data-lightbox="gallery-' +
470          index +
471          '" data-title="' +
472          $(this).parents(".lightbox_container .csc-default").find("p").text() +
473          '"></a>'
474      );
475    $(this)
476      .parents(".lightbox_container > .csc-default > a")
477      .append('<div class="zoom"></div>');
478  });
479
480  if ($(".lb-image").length > 0) {
481    $(".lb-image").load(function () {
482      var lightboxHeight = $(".lb-image").height() + 67 + 20;
483      var margin = -lightboxHeight / 2;
484      $(".lightbox").css("margin-top", margin);
485    });
486  }
487
488  //Award Akkordeon
489  $(".award .akkordeon_content .more_less, .award .akkordeon_content h3").on(
490    "click",
491    function () {
492      $(this).closest(".akkordeon_content").find("p.bodytext").slideToggle();
493    }
494  );
495
496  // Gewinnspiel Seite - nicht Success
497  if (
498    $("body").hasClass("gewinnspiel") &&
499    !$(".tx-m01-gewinnspiel .stage_content_mobile").hasClass("success")
500  ) {
501    $(".teaser_slider_wrapper").hide();
502  }
503
504  /*
505   *  Interactive Map
506   */
507  $(".map-interactive .js-close-introduction").on("click", function () {
508    $(this).closest(".introduction").removeClass("active");
509  });
510  $(".map-interactive .js-open-location").on("click", function () {
511    $(".map-interactive .marker.active").removeClass("active");
512    $(this).addClass("active");
513    $(
514      ".map-interactive .introduction.active, .map-interactive .location.active"
515    ).removeClass("active");
516    $(".map-interactive .location-" + $(this).data("index")).addClass("active");
517    if ($(window).width() <= 940) {
518      $("html, body").animate(
519        {
520          scrollTop: $(".map-interactive .location.active").offset().top - 20,
521        },
522        600
523      );
524    } else if ($(window).width() <= 1024) {
525      $("html, body").animate(
526        {
527          scrollTop:
528            $(".map-interactive").offset().top +
529            $(".map-interactive").height() -
530            $(window).height() +
531            20,
532        },
533        600
534      );
535    }
536  });
537
538  if ($(".map-interactive").length) {
539    positionMapMarkers();
540    $(window).on("resize", function () {
541      positionMapMarkers();
542    });
543  }
544
545  // Slick Slider for characters
546  if ($(".character_slider_wrapper.slider-master").length) {
547    $(".character_slider_wrapper.slider-master").each(function () {
548      var $masterSlider = $(this);
549      var $slaveSlider = $(this).next(".slider-slave");
550
551      var $prevArrow = $masterSlider.find(".slider-arrow.prev");
552      var $nextArrow = $masterSlider.find(".slider-arrow.next");
553
554      var masterSliderId = $masterSlider.attr("id");
555      var slaveSliderId = $slaveSlider.attr("id");
556
557      var masterOptions = {
558        slidesToShow: 4,
559        slidesToScroll: 1,
560        arrows: true,
561        prevArrow: $prevArrow,
562        nextArrow: $nextArrow,
563        dots: false,
564        focusOnSelect: true,
565        asNavFor: slaveSliderId,
566        responsive: [
567          {
568            breakpoint: 940,
569            settings: {
570              slidesToShow: 2,
571            },
572          },
573          {
574            breakpoint: 768,
575            settings: {
576              slidesToShow: 1,
577            },
578          },
579        ],
580      };
581      var slaveOptions = {
582        slidesToShow: 1,
583        slidesToScroll: 1,
584        arrows: false,
585        dots: false,
586        fade: true,
587        asNavFor: masterSliderId,
588      };
589
590      masterOptions.asNavFor =
591        ".character_slider_wrapper.slider-slave .content-slider";
592      slaveOptions.asNavFor =
593        ".character_slider_wrapper.slider-master .content-slider";
594
595      $masterSlider.find(".content-slider").slick(masterOptions);
596      $slaveSlider.find(".content-slider").slick(slaveOptions);
597    });
598  }
599
600  // Trigger resize to fire setNewsHeight function, becaus sometimes it doesn't set the correct height immediately after page load
601  window.setTimeout(function () {
602    $(window).trigger("resize");
603  }, 800);
604
605  $(".js-submit-form").on("click", function () {
606    submitLoginForm($(this));
607  });
608
609  $(".login-form input").on("keydown", function (e) {
610    if (e.which == 13) {
611      e.preventDefault();
612      submitLoginForm($(this));
613    }
614  });
615
616  // News
617  setNewsHeight();
618});
619
620function submitLoginForm(element) {
621  var $form = element.closest("form");
622  var $agb = $form.find("#agb");
623
624  if (element.hasClass("use-custom-validator")) {
625    $form.find("button").click();
626  } else {
627    if ($agb.length && $agb.prop("checked") === true) {
628      $form.find("button").click();
629    } else {
630      $agb.closest("label").addClass("error");
631    }
632  }
633}
634
635function positionMapMarkers() {
636  $(".map-interactive .marker:visible").each(function () {
637    var mapWidth = $(".map-interactive").width();
638    var posX = $(this).data("x");
639    var map = $(this).data("map");
640    var orgWidth;
641
642    if ($(this).hasClass("marker-mobile")) {
643      orgWidth = $(".map-interactive").data("mobilewidth");
644    } else {
645      orgWidth = $(".map-interactive").data("desktopwidth");
646    }
647    var diff = orgWidth - mapWidth;
648    if (diff > 0 && map === "map-main") {
649      posX = posX - diff / 2;
650    } else if (map === "map-additional") {
651      posX = posX - diff;
652    }
653    $(this).css("left", posX);
654  });
655}
656
657// tracking for Google Analytics
658function recordMyEvent(action, text) {
659  if (typeof text !== "undefined" && text !== "") {
660    // Universal Analytics
661    if (typeof _gaq === "undefined") {
662      ga("send", "event", "My Project", action, text, 0);
663    }
664    // Standard Analytics
665    else {
666      _gaq.push(["_trackEvent", "My Project", action, text, 0]);
667    }
668  }
669}
670
671function changeMaxSlide() {
672  SliderWidth = $(window).width();
673  if (SliderWidth < 768) {
674    maxSlide = 1;
675    SlideMargin = 0;
676    SlideWidth = 440;
677  } else if (SliderWidth < 940) {
678    maxSlide = 2;
679    SlideMargin = 50;
680    SlideWidth = 300;
681  } else {
682    maxSlide = 3;
683    SlideMargin = 20;
684    SlideWidth = 300;
685  }
686  indexSlider.reloadSlider({
687    minSlides: 1,
688    maxSlides: maxSlide,
689    slideWidth: SlideWidth,
690    slideMargin: SlideMargin,
691    infiniteLoop: false,
692    hideControlOnEnd: true,
693    pager: false,
694  });
695}
696
697// Facebook Sharing
698function FBStreamPublish(
699  fb_share_caption,
700  fb_share_name,
701  fb_share_text,
702  fb_share_link,
703  fb_share_image
704) {
705  //    var image = 'http://ae.mokom01.com/img/';
706  var image = "";
707  //	var base_url = 'http://dev.ae.de';
708  var base_url = "http://www.history.de";
709
710  fb_share_caption = fb_share_caption || "";
711  fb_share_name = fb_share_name || "";
712  fb_share_text = fb_share_text || "";
713  fb_share_link = fb_share_link || "";
714  fb_share_image = fb_share_image || "";
715
716  FB.ui({
717    method: "feed",
718    message: " ",
719    link: fb_share_link,
720    caption: fb_share_caption,
721    picture: fb_share_image,
722    name: fb_share_name,
723    description: fb_share_text,
724  });
725}
726
727function setNewsHeight() {
728  $("body.home .cat_heute_vor .img_hover, body.home .cat_news .img_hover").css(
729    "height",
730    "auto"
731  );
732
733  if ($(window).width() > 767) {
734    if (
735      $("body.home .cat_news").height() > $("body.home .cat_heute_vor").height()
736    ) {
737      if ($("body.home .cat_news").height() < 309) {
738        boxHeight = 309;
739      } else {
740        boxHeight = $("body.home .cat_news").height();
741      }
742      $("body.home .cat_heute_vor .img_hover").innerHeight(boxHeight);
743    } else {
744      if ($("body.home .cat_heute_vor").height() < 309) {
745        boxHeight = 309;
746      } else {
747        boxHeight = $("body.home .cat_heute_vor").height();
748      }
749      $("body.home .cat_news .img_hover").innerHeight(boxHeight);
750    }
751  }
752}
753
754function checkMobileDevice(link) {
755  var game_link_container = $(link).find(".spiele_links");
756  var urls = $(link).find("a");
757  var url_ios = "";
758  var url_android = "";
759  var url_pc = "";
760
761  $(urls).each(function () {
762    if ($(this).hasClass("spiele-link-ios")) {
763      url_ios = $(this).attr("href");
764    }
765
766    if ($(this).hasClass("spiele-link-android")) {
767      url_android = $(this).attr("href");
768    }
769
770    if ($(this).hasClass("external-link-new-window")) {
771      url_pc = $(this).attr("href");
772    }
773  });
774
775  //check if is apple device
776  if (/iPhone|iPad|iPod/i.test(navigator.userAgent)) {
777    if (url_ios != "") {
778      var href = url_ios;
779      window.open(href, "_blank");
780    } else {
781      if (url_pc != "") {
782        var href = url_pc;
783        window.open(href, "_blank");
784      }
785    }
786  }
787  //check if is android device
788  else if (/Android/i.test(navigator.userAgent)) {
789    if (url_android != "") {
790      var href = url_android;
791      window.open(href, "_blank");
792    } else {
793      if (url_pc != "") {
794        var href = url_pc;
795        window.open(href, "_blank");
796      }
797    }
798  } else {
799    if (url_pc != "") {
800      var href = url_pc;
801      window.open(href, "_blank");
802    }
803  }
804}

Line numbers count LF bytes from the start of the resource, as the search results do. Vendor segments are library code the classifier recognised; they are stored but not indexed. Bytes are shown as Latin1 characters, one per byte.