J'utilise metawidgetJs, les onglets ne sont jamais support dans l'IE si elle appelle depuis Iframe. Je partage un exemple de code de base.
Voici le fichier html de base si j'ouvre ce fichier dans l'IE ça marche bien, mais si j'appelle ce fichier d'Iframe dans un autre fichier et ouvre ce nouveau fichier dans les onglets du navigateur IE sont détruire.Onglets Metawidgetjs ne fonctionne pas perspicacité le iframe sur le navigateur IE
<!DOCTYPE html>
<html>
<head>
<script src="http://metawidget.sourceforge.net/js/4.2/metawidget-core.min.js" type="text/javascript"></script>
<script src="http://code.jquery.com/jquery-1.8.3.js"></script>
<script src="http://code.jquery.com/ui/1.9.2/jquery-ui.js"></script>
<script src="http://metawidget.sourceforge.net/js/4.2/metawidget-jqueryui.min.js" type="text/javascript"></script>
<script type="text/javascript">
var person = {
"myname":"no angular js",
"contact":'contact',
"dimensions": 'dimensions'
};
</script>
</head>
<body>
<form>
<div id="metawidget"></div>
</form>
<script type="text/javascript">
var mw = new metawidget.Metawidget(document.getElementById('metawidget'), {
inspector: new metawidget.inspector.CompositeInspector([ new metawidget.inspector.PropertyTypeInspector(),
function(toInspect, type, names) {
return {
properties: {
"myname":{
"title":"Name",
"section":"Personal Details",
"type":"string",
"required":"true",
"pattern":"^(0|[1-9][0-9]*)$"
},
"contact":{
"title":"Contact",
"section":"Contact Information",
"type":"string",
"required":"true",
"pattern":"^(0|[1-9][0-9]*)$"
},
"dimensions":{
"title":"Aggrigation Dimention",
"section":"Dim",
"type":"string",
"required":"true",
"pattern":"^(0|[1-9][0-9]*)$"
}
}
};
} ]),
layout: new metawidget.jqueryui.layout.TabLayoutDecorator(
new metawidget.layout.DivLayout({ numberOfColumns: 2 }))
});
mw.toInspect = person;
mw.buildWidgets();
</script>
</body>
Et ceci est mon autre fichier. Quand j'ouvre celui-ci en appelant premier fichier dans ce iframe, navigateur IE détruire les onglets
<!DOCTYPE html>
<html>
<body>
<iframe src="firstFile.html" width="500" height="500">
</iframe>
</body>
</html>
Mon problème est seulement deuxième, l'onglet ne fonctionne pas perspicacité l'Iframe dans le navigateur IE. J'utilise IE-11 –
C'était vraiment une solution géniale et rapide, merci beaucoup je cherchais ça depuis des années, la pile est gr8 à cause de gens comme vous :) – sumi