добавить Div класс в приложенном плавающем фрейме с Javascript

Question

им создание и добавление IFrame как:

$("#iframe").append setIframe(gon.user_appointments_url + "/" + calEvent.id + "/edit", 630) 

setIframe = (srcAttribute, height) -> 
    ifrm = document.createElement("IFRAME") 
    ifrm.setAttribute "src", srcAttribute 
    ifrm.style.width = 100 + "%" 
    ifrm.style.height = height + "px" 
    return ifrm 

После этого, что хорошо работает, я претендую, чтобы добавить класс, который будет установлен цвет заголовка по на плавающем фрейме , в зависимости от «статуса» элемента. Поэтому я вызываю следующую функцию:

setHeaderBgColor(getDivClassFromStatus(jsEvent.status)) 

setHeaderBgColor = (header_div_class) -> 
    $("iframe").contents().find("#appointments-form-header").addClass header_div_class 

Но это не работает. Кажется, я никогда не попадал в «# meeting-form-header» и не нашел способ сделать это.

Буду признателен за любую помощь. Заранее спасибо.

Answer 1

$("#iframe").append setIframe(gon.user_appointments_url + "/" + calEvent.id + "/edit", 630) 

setIframe = (srcAttribute, height) -> 
    ifrm = document.createElement("IFRAME") 
    ifrm.setAttribute "src", srcAttribute 
    ifrm.style.width = 100 + "%" 
    ifrm.style.height = height + "px" 
    ifrm.onload = setContent 
    return ifrm 

    setHeaderBgColor = (header_div_class) -> 
    $("#iframe").contents().find("#appointments-form-header").addClass header_div_class 

    setContent() -> 
    setHeaderBgColor(getDivClassFromStatus(jsEvent.status)) 

Должен сделать трюк.