Probleme de fenetre Popup

Résolu/Fermé
Clidy Messages postés 13 Date d'inscription lundi 22 février 2021 Statut Membre Dernière intervention 23 novembre 2021 - 8 avril 2021 à 12:08
Adrien1404 Messages postés 14 Date d'inscription lundi 16 avril 2018 Statut Membre Dernière intervention 9 avril 2021 - 9 avril 2021 à 14:49
Bonjour, un petit problème avec une fenêtre Popup.
Je me serre de la fenêtre Popup pour ouvrir un lien pour un jeu, pour mes élèves. Mon souci, c'est la page blanche qui s’ouvre aussi, je ne suis même pas un programmeur en herbe. Comment faire pour supprimer la page qui s’intercale merci.
Le lien de la page, http://tbo21.esy.es/commeunprobt/1index.html
c’est quand on clique sur "les cases du jeu".
Merci à vous tous !
<html xmlns="http://www.w3.org/1999/xhtml">
    <head>
        <meta charset="UTF-8"/>
        <title>Les cases du jeu</title>
		<center>
        <script type="text/javascript">                       
                        {
                                width = 800;
                                height = 800;
                                if(window.innerWidth)
                                {
                                        var left = (window.innerWidth-width)/2;
                                        var top = (window.innerHeight-height)/2;
                                }
                                else
                                {
                                        var left = (document.body.clientWidth-width)/2;
                                        var top = (document.body.clientHeight-height)/2;
                                }
                                window.open('https://docs.google.com/presentation/d/e/2PACX-1vRKvsWD4zoGlCMrMU1m8NL9Yy3loBrHn8pylgj61_iP2hDZRcR-uOoFmxJwGQJuW7a877_1SBNBY75v/pub?start=true&loop=false&delayms=3000','Les_cases_du_jeu','menubar=no, scrollbars=no, top='+top+', left='+left+', width='+width+', height='+height+'');
                        }        
        </script>
	    </center>
    </head>   
</html>
A voir également:

2 réponses

Adrien1404 Messages postés 14 Date d'inscription lundi 16 avril 2018 Statut Membre Dernière intervention 9 avril 2021 1
Modifié le 8 avril 2021 à 14:09
Bonjour,

Dans votre cas, la page blanche qui s'intercale c'est la page dont vous avez partagé le code.
Et c'est le cas car vous faites un windows.open qui va ouvrir une nouvelle page depuis cette page.

Donc chronologiquement ça donne: Clic sur le bouton -> ouvre /lescasesdujeu.html -> ouvre une une nouvelle page

Essayez donc sur votre page principale de remplacer:

<area shape="rect" coords="216,658,525,720" alt="Les cases du jeu" target="Les cases du jeu" href="http://tbo21.esy.es/commeunprobt/fenetre/lescasesdujeu.html">


Par:

<area shape="rect" coords="216,658,525,720" alt="Les cases du jeu" target="Les cases du jeu" onclick="caseJeu()">


Et toujours dans la page d'accueil:

<script type="text/javascript">                       
function caseJeu(){
width = 800;
height = 800;
if(window.innerWidth)
{
var left = (window.innerWidth-width)/2;
var top = (window.innerHeight-height)/2;
}
else
{
var left = (document.body.clientWidth-width)/2;
var top = (document.body.clientHeight-height)/2;
}
window.open('https://docs.google.com/presentation/d/e/2PACX-1vRKvsWD4zoGlCMrMU1m8NL9Yy3loBrHn8pylgj61_iP2hDZRcR-uOoFmxJwGQJuW7a877_1SBNBY75v/pub?start=true&loop=false&delayms=3000','Les_cases_du_jeu','menubar=no, scrollbars=no, top='+top+', left='+left+', width='+width+', height='+height+'');
}
</script>


Je reste disponible si vous avez des questions.
1
Clidy Messages postés 13 Date d'inscription lundi 22 février 2021 Statut Membre Dernière intervention 23 novembre 2021 1
8 avril 2021 à 17:36
Un très grand merci.
Fonctionne très bien : http://tbo21.esy.es/commeunprobt/1index.html

Part contre on ne sait pas visuellement si la cases et cliquable ?

Je vais multiplier les liens des cases qui ne sont pas des questions aléatoires. Le petit jeu et en développement, très basic certes.

Je ne cherche pas à savoir programmer, un peu de bidouille me convient, mon truc, c'est plutôt le génie civil !

Encore merci.
1
Adrien1404 Messages postés 14 Date d'inscription lundi 16 avril 2018 Statut Membre Dernière intervention 9 avril 2021 1
9 avril 2021 à 14:49
Bonjour,

Pour cela il faut ajouter "cursor: pointer" au css de votre élément.
Ravi de vous avoir aidé.
0