PDA

View Full Version : [html]Problema redirect con IE8

RaouL_BennetH
10-11-2012, 14:14
Salve a tutti.

Premetto che quello che ho già fatto fino ad ora, funziona bene e come mi aspetto su:

safari, chrome, firefox, ie9.

La mia bestia nera è ie8.

In sostanza si tratta di questo:

ho una pagina "index.html" che mi fa il redirect presso un'altra pagina(della quale non c'è modo di prendere i sorgenti o sostituirli dato che è un tipo di host dove si creano i siti partendo da template già fatti).

nella "index.html" (sulla quale invece ho accesso in lettura e scrittura) ho:


<html>
<head>
<meta http-equiv="X-UA-Compatible" content="IE=Edge"/>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
</head>
<frameset frameborder="no" border="0" framespacing="0">
<frame src="http://foooo.foo.com" allowTransparency="true">
</frameset>
</html>


Il problema lo ho soltanto con un player audio presente sul sito.
Quando apro il sito con ie8, lo sfondo del player mi appare bianco anzichè essere trasparente.

Non riesco a capirne il motivo dato che ci sono tante altre immagini, testi etc.. che non mi creano questo problema.
airon
10-11-2012, 15:15
Scusa ma il sito che inglobi e cioè fooo.foooo.com in ie8 come lo vedi il player?
Anche lì lo vedrai bianco. Sarà un problema di quel componente (flash) o del css/js in ie8.

Se non ci dici il sito non ci si può nemmeno provare a darti una mano...
RaouL_BennetH
10-11-2012, 15:59
Scusa ma il sito che inglobi e cioè fooo.foooo.com in ie8 come lo vedi il player?


su ie8 vedo soltanto un quadratino bianco. Le funzionalità del player invece funzionano.


Anche lì lo vedrai bianco. Sarà un problema di quel componente (flash) o del css/js in ie8.


Non è un componente, è un player online, questo:

http://www.strangecube.com/audioplay

basta passargli alcuni dati e metterlo in un iframe html (che è ciò che ho fatto io)


Se non ci dici il sito non ci si può nemmeno provare a darti una mano...

Per ragioni che esulano dalla mia volontà non posso passare l'url del sito perchè non è per il pubblico, altrimenti lo avrei messo in chiaro nel codice.

Posso però incollare qui il codice del player:


<!-- Generated by AudioPlay Online Generator (http://www.strangecube.com/audioplay/) -->
<div>
<object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=10,0,0,0" width="15" height="15">
<PARAM NAME=movieVALUE="http://www.strangecube.com/audioplay/online/audioplay.swf?file=http://www.fooooo.foooo/someSong.Mp3&auto=yes&sendstop=no&repeat=1&buttondir=http://www.strangecube.com/audioplay/online/alpha_buttons/classic_small&bgcolor=#d2b8a1&mode=playpause">
<PARAM NAME=quality VALUE=high>
<PARAM NAME=wmode VALUE=transparent>
<embed src="http://www.strangecube.com/audioplay/online/audioplay.swf?file=myfile.Mp3&auto=yes&sendstop=no&repeat=1&buttondir=http://www.strangecube.com/audioplay/online/alpha_buttons/classic_small&bgcolor=#d2b8a1&mode=playpause" quality=high wmode=transparent width="15" height="15" align=""
TYPE="application/x-shockwave-flash" pluginspage="http://www.macromedia.com/go/getflashplayer">
</embed>
</object>
</div>
<!-- End of generated code -->


per me andrebbe bene anche un altro player, l'importante è che abbia uno sfondo trasparente.
RaouL_BennetH
11-11-2012, 21:46
Allora, ho capito che non è una cosa possibile dato che il sito sul quale viene effettuato il redirect utilizza molte cose fatte in html 5.

Ho però letto che è possibile installare il componente google chrome frame anche per le versioni di explorer più vetuste.

Mi chiedevo (e quindi vi chiedo) sarebbe possibile fare in modo che per chi utilizza una versione di explorer < 9 venga fatto quanto segue ?

1) Intercetto che tipo di browser ha l'utente
2) Se è explorer < 9, gli dico: il tuo browser non supporta blablabla, installa il componente google chrome frame o utilizza un altro browser per una corretta navigazione..

Ho provato seguendo la linea guida sul google developer center in questo modo:


<HTML>
<head>
<meta http-equiv="X-UA-Compatible" content="IE=Edge,chrome=1">
<META content="text/html; charset=utf-8" http-equiv=Content-Type>
<link href="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8/themes/base/jquery-ui.css"
rel="stylesheet" type="text/css"/>
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.5/jquery.min.js">
</script>
<script src="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8/jquery-ui.min.js">
</script>

<script src='//google.com/tools/dlpage/res/chromeframe/script/CFInstall.min.js'> </script>
<script>
$(document).ready(function() {
var interactionDelegate = {
dialog: null,
getIFrameContainer: function() {
var self = this;
this.dialog = $("#dialog").dialog(
{modal: true,
width: 'auto',
height: 'auto',
resizable: false,
close: function() {
var el = document.getElementById('dialog');
if (el.firstChild)
el.removeChild(el.firstChild);
}
});
var widget = this.dialog.dialog('widget')[0];
widget.style.left = -5000;
widget.style.top = -5000;
return document.getElementById('dialog');
},
show: function() {
var dialogEl = $("#dialog");
dialogEl.width($("#dialog iframe").outerWidth(true) +
dialogEl.innerWidth() - dialogEl.width());
var widgetEl = this.dialog.dialog('widget');
widgetEl.width(dialogEl.outerWidth(true) +
widgetEl.innerWidth() - widgetEl.width());
dialogEl.height('auto');
this.dialog.dialog('option', 'position', 'center')
},
customizeIFrame: function(iframe) {},
reset: function() {
this.dialog.dialog('close');
}
};
CFInstall.setInteractionDelegate(interactionDelegate);
});
</script>
<FRAMESET frameSpacing=0 border=0 frameBorder=no>

<FRAME src="http://foo.com/home.html"></FRAMESET>
</head>
<body>
<b>Hai una versione di Internet Explorer diversa dalla 9 ?:</b>
<span class="labeled" id="ChromeActive"></span><br />
<script>
var ua = navigator.userAgent.toLowerCase();
document.getElementById('ChromeActive').innerHTML =
ua.indexOf('chrome/') >= 0 ? "Si" : "No";
</script>
<p>
<a href="javascript:CFInstall.require()">
Questo sito richiede l'installazione di Google Chrome Frame per essere visualizzato
correttamente su Browsers obsoleti. Clicca qui per installare il plug-in.
</a>
</p>
<div id="dialog" style="padding:0px; height:auto;"></div>
</body>

</HTML>


Facendo la prova da ie8, non mi funziona nulla, nel senso che va direttamente al sito senza chiedermi nulla.

Purtroppo non sono per niente esperto in materia di js ed html.