Ciao a tutti,
ho questo codice che mi fa abilitare un iframe, ma logicamente con IE8/9 non viene visualizzato.
#mappa è il div contenente l'iframe (google maps)
cliccando su #aprimappa, l'iframe viene aperto in uno .slidedown.
Con tutti gli altri browser va da meraviglia, solo IE ha creato fastidi.
codice:
$('#contatti').append('<div id="aprimappa" title="Apri la mappa">Dove siamo"></div>');
$('<div class="clear"></div>').insertBefore('#mappa');
$('#mappa').prepend('<div id="chiudi">Chiudi</div>');
$('#mappa').hide();
$('#chiudi').css({
"cursor":"pointer",
"float":"right" });
$('#chiudi').bind('click', function () {
$('#mappa').slideUp();
$('#mappa').removeClass('active'); });
$('#aprimappa').bind('click', function () {
if ($('#mappa').hasClass('active')) {
$('#mappa').slideUp();
$('#mappa').removeClass('active');
}
else {
$('#mappa').slideDown();
$('#mappa').addClass('active');
}
allo .slidedown in IE viene visualizzato un div vuoto bianco, sembra sia un problema molto noto degli iframe con jquery e IE, non ho trovato la soluzione.
Grazie anticipatamente.