Probleme de fenetre Popup [Résolu]

Signaler
Messages postés
11
Date d'inscription
lundi 22 février 2021
Statut
Membre
Dernière intervention
8 avril 2021
-
Messages postés
14
Date d'inscription
lundi 16 avril 2018
Statut
Membre
Dernière intervention
9 avril 2021
-
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>

2 réponses

Messages postés
14
Date d'inscription
lundi 16 avril 2018
Statut
Membre
Dernière intervention
9 avril 2021
1
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.
Messages postés
11
Date d'inscription
lundi 22 février 2021
Statut
Membre
Dernière intervention
8 avril 2021
1
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.
Messages postés
14
Date d'inscription
lundi 16 avril 2018
Statut
Membre
Dernière intervention
9 avril 2021
1
Bonjour,

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