Visualizzazione dei risultati da 1 a 2 su 2

Discussione: IE, jquery e iframe

  1. #1

    IE, jquery e iframe

    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.

  2. #2
    ho risolto con le funzioni di .hide e .show direttamente sul tag <iframe>, prima le andavo ad utilizzare su div genitori del <iframe>
    Grazie lo stesso!
    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>');
    	var iframe = $('#mappa').children('iframe');
    	iframe.hide();
    	$('#chiudi').hide();
    	$('#chiudi').css({
    		"cursor":"pointer",
    		"float":"right" });
    	$('#chiudi').bind('click', function () {
    			  iframe.slideUp();
    			  $('#mappa').removeClass('active');
    			  $('#chiudi').hide();	});
    	$('#aprimappa').bind('click', function () {
    		
    		if (iframe.hasClass('active')) {
    			  iframe.slideUp();
    			  iframe.removeClass('active')
    			  $('#chiudi').hide();;
    	     	}
    		else {
    		   iframe.slideDown();
    		   iframe.addClass('active')
    		   $('#chiudi').show();;
    		    }
      
    		});

Permessi di invio

  • Non puoi inserire discussioni
  • Non puoi inserire repliche
  • Non puoi inserire allegati
  • Non puoi modificare i tuoi messaggi
  •  
Powered by vBulletin® Version 4.2.1
Copyright © 2025 vBulletin Solutions, Inc. All rights reserved.