iframe

[שמואל גרינשטיין]

יש איזו אפשרות לשלוט על הגדרות סגנון (CSS) ב-iframe?

אני יודע שטכנית זה לא אפשרי.
השאלה האם יש איזה טריק שהופך את זה לאפשרי.

_

 

[Shlomi]

תחת אותו הדומיין אפשרי באמצעות JQ
This user does not have permission to use the HTML BB code.

 

[Nahum]

תלוי,
אם זה iframe עם אותו דומיין כמו הדף בו הוא מוטמע, אפשרי דרך JS.
אם זה דומיין אחר - לא אפשרי.

עריכה:
עכשיו אני שם לב ששלומי כבר ענה לך...
אבל אם כבר, אוסיף קוד שמאפשר לך ליצור קובץ css עבור הiframe ולהטמיע אותו בפנים:

 var $head = $("#your-iframe-id").contents().find("head");

  $head.append($("<link/>",
                { rel: "stylesheet", href: your-css-url, type: "text/css" }
              ));

 

[שמואל גרינשטיין]

תודה לכם.

וחבל שלא סיפקתי קצת יותר פרטים.

הלקוח רוצה לוח אירועים באתר. האופציה הכי נוחה מבחינתו זה להטמיע יומן גוגל. כמובן, אם ניתן לשלוט על הגדרות העיצוב.

(השליטה בהגדרות שגוגל מאפשרים, גם בהתאמה האישית, היא מינימלית ביותר, ואינה מספקת מבחינה עיצובית. או שאולי כן יש אופציה לשליטה יותר מורחבת, שאני לא מודע אליה?!).

_

 

[Shlomi]

לאחר דפדוף בגוגל:
http://www.daffyforgafe.com/blog/stylingembeddedgooglecalendars

 

[3 פינות]

http://stackoverflow.com/questions/217776/how-to-apply-css-to-iframe
בתשובה השלישית שמה הוא מדבר על כזה דבר בדיוק, להטמיע יומן גוגל.
הוא מביא שמה רעיון ליצור קובץ php בשרת שהוא ייקח את הנתונים מגוגל דרך פקודת. file_get_contents
ולהכניס לו את הcss גם כן דרך php ולאחר מכן לקרוא לקובץ הזה דרך iframe.
דוגמא לקובץ php שאתה צריך ליצור אני מעתיק משמה.

<?php
$content = file_get_contents('https://www.google.com/calendar/embed?src=%23contacts%40group.v.calendar.google.com&ctz=America/Montreal');
$content = str_replace('</title>','</title><base href="https://www.google.com/calendar/" />', $content);
$content = str_replace('</head>','<link rel="stylesheet" href="http://www.yourwebsiteurl.com/google.css" /></head>', $content);
echo $content;