affiché/masqué div d'une autre page

**NoobX** · 24/10/2006, 15h27

Bonjour @ tous

la premiere page de mon site contient se script :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
<html>
<head>
<title>Document sans titre</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
</head>
 
<body >
<div class="msgbox" id="mondiv" style="visibility:hidden">
CECI EST MON MESSAGE CACHÉ !!!!!! il dot apparaitre au centre de mon ecran par dessus la Iframe ci-dessous !!!!
</div>
 
 
<IFRAME marginheight="0"   marginwidth="0" frameborder="0"  
SRC="dev2.php" NAME="ZONE2" HEIGHT="100%" width="100%"> 
Désolé mais votre navigateur ne supporte pas les cadres locaux. 
</IFRAME>
 
</body>
</html>

Cette page contient donc une balise div qui est caché (pour le moment) et une iframe qui pointe vers une page "dev2.php"

La page dev2.php est riche en script de tout genre .... (on s'en fou)
et contient pour l'essentiel un bouton qui doit permetre de faire apparaitre et disparaitre la balise div "mon div" de la premiere page !
avec le code suivant :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
<html>
<head>
<title>Document sans titre</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<style type="text/css"> 
 
#mondiv{
	position:absolute;
	left: 50%;
	top: 50%;
	margin-top: -182px;
	margin-left: -82px;
 
	 } 
 
	    .msgbox{ 
         width:165px; 
         height:335px;
         text-align:center 
 
 } 
   </style>
<script type="text/javascript">
 
function showLink() {
 
   eval(mondiv).style.visibility = 
    (eval(mondiv).style.visibility=='visible'?'hidden':'visible');
}
</script>
</head>
 
<body>
 
<p> 
  <input type="button" onclick="showLink()" value="Voir"/>
</p>
</body>
</html>

il y adonc le code css qui permet de placer le div ou je veux
le bouton qui declence l'acton javascript
et enfin mon code javascript qui ne fonctionne pas mais qui devrai faire aparaitre/disparaitre le div "mondiv" de la premiere page !

Je suppose que mon code javascript ne pointe pas au bon endroit !

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
<script type="text/javascript">
 
function showLink() {
 
   eval(mondiv).style.visibility = 
    (eval(mondiv).style.visibility=='visible'?'hidden':'visible');
}
</script>

J'ai beau chercher la solution rien ne fonctionne

Ah oui pour differente raison je ne peux pas placer mon div directement dans la page dev2.php pour des raison technique sinon ca fonctionnerai deja !
Mais je ne peux pas !

Merci pour votre aide

**denisC** · 24/10/2006, 16h14

Envoyé par NoobX

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
<script type="text/javascript">
 
function showLink() {
 
   eval(mondiv).style.visibility = 
    (eval(mondiv).style.visibility=='visible'?'hidden':'visible');
}
</script>

J'ai beau chercher la solution rien ne fonctionne

Il vient d'ou ce eval(monDiv)

Essaye plutot un:

Code javascript :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
 
parent.document.getElementById('mondiv').style.visibility=...

Sinon, je te conseille plutot le displaty que le visibility:

http://javascript.developpez.com/faq...SS#affichObjet

**SpaceFrog** · 24/10/2006, 16h18

La page mère:

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
<html>
<head>
<title>Document sans titre</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
</head>
 
<body >
<div class="msgbox" id="mondiv" style="visibility:visible;z-index:2;height:100%:width:100%;background-color:red">
CECI EST MON MESSAGE CACHÉ !!!!!! il dot apparaitre au centre de mon ecran par dessus la Iframe ci-dessous !!!!
</div>
 
 
<IFRAME marginheight="0"   marginwidth="0" frameborder="0" SRC="framed.htm" NAME="ZONE2" id="myframe" style="position:absolute;height:100%;width:100%;z-index:1;top:0px;left;0px;"> 
Désolé mais votre navigateur ne supporte pas les cadres locaux. 
</IFRAME>
 
</body>
</html>

la page framed ...

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
<html>
<head>
<title>Document sans titre</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
</head>
 
<body >
<input type="button" onclick="top.document.getElementById('myframe').style.display='none'" value='cliques si tu oses ' />
</body>
</html>

**SpaceFrog** · 24/10/2006, 16h29

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
<html>
<head>
<title>Document sans titre</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
</head>
 
<body >
<input type="button" onclick="document.getElementById('myframe').style.display='block'" value='ok tu as osé'/>
<div class="msgbox" id="mondiv" style="visibility:visible;z-index:2;height:100%:width:100%;background-color:red">
CECI EST MON MESSAGE CACHÉ !!!!!! il dot apparaitre au centre de mon ecran par dessus la Iframe ci-dessous !!!!
 
</div>
 
 
<IFRAME marginheight="0"   marginwidth="0" frameborder="0" SRC="framed.htm" NAME="ZONE2" id="myframe" style="position:absolute;height:100%;width:100%;z-index:1;top:0px;left;0px;"> 
Désolé mais votre navigateur ne supporte pas les cadres locaux. 
</IFRAME>
 
</body>
</html>

**NoobX** · 24/10/2006, 16h32

merci a vous pour vos reponses precises et pertinentes

Voici ou j'en suis !
Il ne me manque plus grand chose

Page mere :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
<html>
<head>
<title>Document sans titre</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<style type="text/css"> 
 
#mondiv{
	position:absolute;
	left: 50%;
	top: 50%;
	margin-top: -182px;
	margin-left: -82px;
 
	 } 
 
	    .msgbox{ 
         width:165px; 
         height:335px;
         text-align:center 
 
 } 
   </style>
 
</head>
 
<body >
<div class="msgbox" id="mondiv" style="visibility:hidden">
<IFRAME  scrolling="no" frameborder="0"  SRC="http://www.frequence3.fr/iplayer/iplayer.html" NAME="ZONE1" HEIGHT="335" WIDTH="165"> 
Désolé mais votre navigateur ne supporte pas les cadres locaux. 
</IFRAME>
</div>
 
 
<IFRAME  marginheight="0" marginwidth="0" frameborder="0"  SRC="dev2.php" NAME="ZONE2" HEIGHT="100%" width="100%"> 
Désolé mais votre navigateur ne supporte pas les cadres locaux. 
</IFRAME>
 
</body>
</html>

Et ma page "dev2.php"

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
<html>
<head>
<title>Document sans titre</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<script type="text/javascript">
 
function showLink() {
 
top.document.getElementById('mondiv').style.visibility='visible'}
</script>
</head>
 
<body bgcolor="#000000">
<p> 
  <input type="button" onclick="showLink()" value="Voir"/>
</p>
</body>
</html>

Le seul probleme est que le bouton ne permet pas de cacher le meme div !

**NoobX** · 25/10/2006, 15h24

Bonjour ^^

Bon mon script fonctionne a present
voici mon code :
ca pourra peut-etre reservir un jour

MA page index.php

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
<html>
<head>
<title>Document sans titre</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<style type="text/css"> 
 
#mondiv{
	position:absolute;
	left: 50%;
	top: 50%;
	margin-top: -182px;
	margin-left: -82px;
 
	 } 
 
	    .msgbox{ 
         width:165px; 
         height:335px;
         text-align:center 
 
 } 
   </style>
 
</head>
 
<body >
<div class="msgbox" id="mondiv" style="visibility:hidden">
<IFRAME  scrolling="no" frameborder="0"  SRC="http://www.frequence3.fr/iplayer/iplayer.html" NAME="ZONE1" HEIGHT="335" WIDTH="165"> 
Désolé mais votre navigateur ne supporte pas les cadres locaux. 
</IFRAME>
</div>
 
 
<IFRAME  marginheight="0" marginwidth="0" frameborder="0"  SRC="dev2.php" NAME="ZONE2" HEIGHT="100%" width="100%"> 
Désolé mais votre navigateur ne supporte pas les cadres locaux. 
</IFRAME>
 
</body>
</html>

Ma page dev2.php

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
<html>
<head>
<title>Document sans titre</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<script type="text/javascript">
 
function showLink() {
 
top.document.getElementById('mondiv').style.visibility=
top.document.getElementById('mondiv').style.visibility=='visible'?'hidden':'visible'}
</script>
</head>
 
<body bgcolor="#000000">
<p> 
  <input type="button" onclick="showLink()" value="Voir"/>
</p>
</body>
</html>

Donc la c'est tout bon

Le div s'affiche par dessus l'autre page!
Deplus un clic sur le bouton fait apparaitre le div et si on reclic le div disparait

J'en profite pour remercier Denis C ainsi que spacefrog (que j'ai "harcelé" sur le chat)

Maintenant j'envisage de rendre mondiv drag'ndrop !
Si vous avez des idées, propositions n'hesitez pas

affiché/masqué div d'une autre page

JavaScript

Vue hybride

Discussions similaires

Partager

Partager