Googleカレンダーのタイトルを表示するように設定します。なし

Question

Googleのstore siteにGoogleカレンダーがあり、タイトルのスタイルを「表示：なし」に設定します。

ここで我々のコードは、これまでだ： "

：

<script> 
    jQuery(document).ready(function() { 
    jQuery('iframe').contents().find('span').css('display', 'none'); 
    }); 
</script> 

Answer 1

あなたは要素（F12）と、コンソールタブに行くを検査することによって、あなたのコンソールを開くと、あなたが直面しているエラーを見ることができますjquery-2.1.4.min.js？1013665 ...：2 Uncaught SecurityError： 'HTMLIFrameElement'から 'contentDocument'プロパティを読み取ることができませんでした： "https://motorhelmets.com"の原点を持つフレームが原点 "https://calendar.google.com"ドメイン、ポートが一致する必要があります。

Googleドメインではフォームの外部ドメインを編集できません。

しかし、隠したいコンテンツがフレームの端にあるので（トップに）、cssで隠すために使用できるいくつかのトリックがあります。たとえば、iframeのコンテンツを上げるか、iframe自体を移動して上位に移動したり、タイトルを隠したり、html要素を使ってタイトルを隠したりすることができます。

以下は、タイトルを隠すためのhtmlコードです。 iframeの直前にcalendar_iframe div内に挿入する必要があります。

<div style="position: absolute;height: 20px;width: 100%;background: white;"></div>