Passage en arrière plan de la fenêtre IE10 sur un site web

Question

Bonjour,

Je reprends en maintenance un site Internet de BToB écrit en C# (Pages et vues en cshtml, Contrôleurs en C#).

Le problème rencontré se pose avec Internet Explorer 10 (pas rencontré avec Chrome ou Firefox). Lorsque l'utilisateur passe d'une page à l'autre (appel à une fonction serveur), la fenêtre IE passe en arrière plan. Il est nécessaire de faire Alt-Tab pour revenir sur le site. Je ne pense pas à un problème de configuration d'IE puisque la même réaction sur la plupart des postes clients.

En écrivant ce message, je viens également de me rendre compte que si, dans la fenêtre IE plusieurs onglets sont ouverts, il n'y a pas de mise en arrière plan..... Bizarre !!!!    

 

Quelqu'un a-t-il déjà rencontré le problème ? Une piste ???

 

Merci

 

Answer 1

Bonjour

Quelle est la fonction serveur appelée qui produit ce comportement?

Cordialement,

---

Aurel BERA, Microsoft
Microsoft propose ce service gratuitement, dans le but d'aider les utilisateurs et d'élargir les connaissances générales liées aux produits et technologies Microsoft. Ce contenu est fourni "tel quel" et il n'implique aucune responsabilité de la part de Microsoft.

Answer 2

Bonjour Aurel,

Quelque soit la fonction appelée le comportement est le même. Ce sont des Contrôleurs qui renvoient des vues affichées par les fichiers cshtml. Si tu veux constater le phénomène, je t'envoie par mail l'adresse du site ainsi qu'un accès.

Ce qui est vraiment étrange c'est que l'ouverture d'un nouvel onglet dans IE fait que le phénomène ne se reproduit pas....

Cordialement

Gilles GARCIA

Answer 3

Écrivez-moi sur l'adresse *******@*********.com, svp.
Ce phénomène se produit seulement sur ce site?

Cordialement,

---

Aurel BERA, Microsoft
Microsoft propose ce service gratuitement, dans le but d'aider les utilisateurs et d'élargir les connaissances générales liées aux produits et technologies Microsoft. Ce contenu est fourni "tel quel" et il n'implique aucune responsabilité de la part de Microsoft.

Answer 4

Re Bonjour

J'ai constaté le même comportement aberrant.

Aussi, j’ai constaté que pour la page de tarrifs ce comportement ne se produit pas.

Donc essayez de vérifier ce qui est dans des autres pages et manque dans cette page et aussi peuvent produire ce comportement (j’ai remarqué que les autres pages ont des boites de sélection – donc commencez avec ça). Le plus probable il y a un Javascript ou une classe CSS qui produit ce comportement mais n’est pas normale.

Aussi vous pouvez ouvrir un tiquet sur le site connect.microsoft.com, pour rapporter un bogue.

Cordialement,

---

Aurel BERA, Microsoft
Microsoft propose ce service gratuitement, dans le but d'aider les utilisateurs et d'élargir les connaissances générales liées aux produits et technologies Microsoft. Ce contenu est fourni "tel quel" et il n'implique aucune responsabilité de la part de Microsoft.

Answer 5

Bonjour

Avez-vous des nouvelles pour nous?

Merci

Cordialement,

---

Aurel BERA, Microsoft
Microsoft propose ce service gratuitement, dans le but d'aider les utilisateurs et d'élargir les connaissances générales liées aux produits et technologies Microsoft. Ce contenu est fourni "tel quel" et il n'implique aucune responsabilité de la part de Microsoft.

Answer 6

Bonjour Aurel,

Effectivement, j'ai pu cibler ou se produit le problème plus précisément.

Il s'agit du code concernant le slide des promos qui s'affiche sur les différentes pages qui provoque le phénomène.

Chacune des pages fait appel à _slideshow.cshtml

@model IEnumerable<SE.Models.SlideModel>
<ul id="screen">
    <li><a id="left_sl"><img src="@Url.Content("~/Content/precisium/images/left-enabled.png")" alt="" /></a></li>
    <li id="view">
     <ul id="images">
        @{
            var i = 0;
            string imgID = string.Empty;
        }
        @foreach (var item in Model)
        {
            i++;
            imgID = string.Format("img{0}", i);
            var link = "";
            if (item.Thumbnail != null)
            {
                link = Url.Content(item.Thumbnail);
            }
            else
            {
                link = Url.Content("~/Content/precisium/images/sl1.jpg");
            }
            <li><img id="@imgID" src="@link" width="203" height="177" alt="" /></li>
        }
     </ul>
    </li>
    <li><a id="right_sl"><img src="@Url.Content("~/Content/precisium/images/right-enabled.png")" alt="" /></a></li>
</ul>

 

La feuille de style associée est slide.css :

#screen{
 width:900px;
 padding: 0px 50px 0px 50px;
 height:200px;
 margin-left:50px;
}   
#screen li{
 float:left;
 list-style:none;
}
#screen li a{
 margin-top: 13px;
}
#screen .jq-ss-crop{
 border-bottom:3px solid #121a2d;
 border-top:3px solid #121a2d;
 border-right:3px solid #121a2d;
 float:left;    
}
#left_sl,#right_sl{
 font-size:36px;
 display:block;
 text-decoration:none;
}
#left_sl:hover, #left_sl:link, #left_sl:visited, #right_sl:hover, #right_sl:link, #right_sl:visited{
 border: none;
 text-decoration:none;
}

#view{
 margin:0px 5px 0 5px;
 width:830px;
 height:182px;
 overflow:hidden;
 list-style:none;
 padding-top:5px;
 padding-bottom:5px;
 background:#e20e1a;
}
#images{
 width:3822px;
 padding:0;
}
#images li img{
 border:0;
}

Si dans la feuille de style, je copie screen en screen1, et que dans le fichier cshtml, je remplace screen par screen1, le comportement anormal ne se reproduit pas, mais l'affichage est KO.

Je suppose donc que c'est le script associé qui génère le dysfonctionnement, mais n'est pas encore identifié ni ou cela se passe, ni ce qui se passe. Le role du script est de faire défiler les images.

 

Dès que j'ai plus d'infos, je vous reviens vers vous.

 Cordialement

 

　

　

Answer 7

Donc, effectivement, c'est le script de gestion du slide qui provoquait ce comportement étrange...

J'ai mis en commentaire le parametre start dans la fonction scrollShow, et le comportement est devenu normal avec IE10 et Chrome.

jQuery(function ($) {
    //borrowed from jQuery easing plugin
    //http://gsgd.co.uk/sandbox/jquery.easing.php
    $.easing.backout = function (x, t, b, c, d) {
        var s = 1.70158;
        return c * ((t = t / d - 1) * t * ((s + 1) * t + s) + 1) + b;
    };

    $('#screen').scrollShow({
        view: '#view',
        content: '#images',
        easing: 'backout',
        wrappers: 'link,crop',
        navigators: 'a[id]',
        navigationMode: 'sr',
        circular: true,
        //start: 0
    });
});

Grand merci pour l'aide Aurel......

Cordialement

Answer 8

Bonjour

Merci de votre retour.

Cordialement,

---

Aurel BERA, Microsoft
Microsoft propose ce service gratuitement, dans le but d'aider les utilisateurs et d'élargir les connaissances générales liées aux produits et technologies Microsoft. Ce contenu est fourni "tel quel" et il n'implique aucune responsabilité de la part de Microsoft.