2012-07-30 23 views
14

Ho una pagina che contiene un iframe in un'altra pagina, quello che sto cercando è fare clic su qualcosa all'interno dell'iframe, che può quindi accedere o più specificamente nascondere un div nel genitore. So che alcuni JQuery, ma per qualche motivo solo lì seduto con aria assente l'editor di codice quando provo a scrivere sul mioaccesso div in iframe genitore

+1

La pagina e l'iframe sono ospitati sullo stesso sottodominio? – rekire

+0

sì, ho accesso a entrambe le pagine se il codice deve andare in –

+0

@Andrew Morris L'accesso al codice non è un problema, ma i browser non consentono azioni JavaScript su domini diversi. E quei domini devono corrispondere esattamente (anche il protocollo deve essere lo stesso - non puoi gestire il sito https tramite JS da un sito http) – feeela

risposta

34

provare questo in iframe:

$('#DIVtobehidden', window.parent.document).hide(); 
+1

Grazie, questo è quello che ho usato, funziona perfettamente –

+0

funzionerà se il genitore si trova su un dominio diverso? – Awalias

2
$("#element-In-Iframe").on('click', function() { 
    $('#element-in-parent-window', window.parent.document).hide(); 
}); 

FIDDLE

+0

@CrystalMiller: funzionava tre anni fa, si noti che è anche esattamente la stessa della risposta accettata. In questi giorni JSFiddle sta eseguendo i propri iframe da un sottodominio della shell, quindi interviene la politica della stessa origine. – adeneo

0

Se entrambe le pagine sono sullo stesso (sotto) dominio dovresti essere in grado di accedere alla finestra genitore con:

window.parent.document.getElementById('divId') 

Beh, questo è senza jQuery, ma dovrebbe funzionare

+0

È il contrario! – adeneo

+0

colpa mia, lo aggiusterò. – rekire

Problemi correlati