[DOM] Fen�tre javascript et html

**pas30** · 23/11/2008, 05h54

Voici un code que j'ai tap� qui sera assez facilement compr�hensible pour ceux qui connaisse javascript :

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
40
41
<?php
echo 'document.write("<DIV ID=\"pub\" STYLE=\"position:fixed;top:0;left:0;z-index:0\"></DIV>");
                
                function showsup()
                        {
                        if(document.getElementById)
                                {
                                document.getElementById(\'pub\').style.width = largeur;
                                document.getElementById(\'pub\').style.height = hauteur;
                                document.getElementById(\'pub\').innerHTML = code;
                                }
                        }
                
                function closeSup()
                        {
                        if(document.getElementById)
                                {
                                document.getElementById(\'pub\').style.width = 1;
                                document.getElementById(\'pub\').style.height = 1;
                                document.getElementById(\'pub\').innerHTML = \'\';
                                }
                        }
                                
                if(!document.all && document.getElementById){
                hauteur = window.innerHeight;
                        largeur = window.innerWidth;
                }
                else {
                        hauteur = document.body.clientHeight;
                largeur = document.body.clientWidth;
                }
                                                
                code = "<TABLE border=0 WIDTH="+largeur+" HEIGHT="+hauteur+"><TR><TD VALIGN=middle ALIGN=center><A HREF=# onClick=\'closeSup();return(false)\'><img src=http://www.test.fr/fermer.gif border=0></A>";
                code += "<TABLE CELLPADDING=0 CELLSPACING=0 BORDER=0>";
                code += "<TR>";
                code += "<TD><iframe width=600 height=400 src=http://www.siteavisiter.com></iframe></TD>";
                code += "</TR>";
                code += "</TABLE>";
                code += "</TD></TR></TABLE>";
                window.onload = showsup;';
?>

Bon donc voil� mon code ne fait pas ce que je veux en fait
Ce code affiche en premier plan une fen�tre publicitaire de 600*400 contenant une iframe elle m�me contenant un site internet
Je voudrais que l' iframe soit affich�e en haut � gauche de l'�cran et que juste au dessus de l'iframe donc du site charg�e il y est une ligne de tableau noir avec du texte �crit en blanc pour pr�senter le site et � droite dans cette m�me ligne la possibilit� d'ouvrir le site en pleine page et de fermer la fen�tre javascript
Voil� si quelqu'un pouvait m'aider cel� serait sympa je suis assez perdu
J'ai d�j� r�gl� deux probl�mes majeurs :
1 - L'iframe est par dessus le reste du site et le reste est inaccessible, pour le rendre accessible il faut fermer la fen�tre javascript
2 - Avec le window.onload, mon code peut �tre coll� n'importe ou sans d�truire la pr�sentation de mon site

**le_chomeur** · 23/11/2008, 11h24

as tu essay�s de jouer sur les z-index ?
ici le probl�me est du a du css / positionnement que du javascript en lui m�me puisque ton code fonctionne...

par contre ==> document .write est � d�conseiller

**SpaceFrog** · 23/11/2008, 15h28

document.write , un table en innerHTML ..

mauvaises m�thodes

**pas30** · 23/11/2008, 16h12

Vous ne m'aidez pas

Dans vos messages vous ne me proposez rien
InnerHtml et document.write vous n'aimez pas ok alors vous mettriez quoi ?
Et surtout comment dois-je faire pour arriver � ce r�sultat :
-----------------------------------------------------
| Pr�sentation****************Ouvrir le site Fermer|
-----------------------------------------------------
|**************Contenu de l'iframe************ |
|*****************************************|
|*****************************************|
|*****************************************|
|*****************************************|
|*****************************************|
|*****************************************|
|*****************************************|
-----------------------------------------------------
Je n'arrive pas � ce r�sultat, j'arrive � avoir l'iframe qui est par dessus tout le contenu de la page (ce que je veux donc ok) mais d�s que j'essaie de rajouter la ligne avec avec pr�sentation, Ouvrir le site et Fermer �� ne marche plus car je ne sais pas trop comment faire

**le_chomeur** · 23/11/2008, 17h07

pour la mise en page , quelques chose de ce genre ??

Code :

S�lectionner tout - Visualiser dans une fen�tre � part

1
2
3
4
5
<div>
<p id="toto"><a href="#" style="float:right">ouvrir le site</a><a href="#" style="float:right">Fermer</a> titre ici </p>
<iframe width="100%">
</iframe>
</div>

pour faire ceci et les rajouter dynamiquement tu es sur la bonne voie mais oriente toi du cot� du dom exemple pour ajouter un lien dans la balise p :

Code :

S�lectionner tout - Visualiser dans une fen�tre � part

1
2
3
4
5
6
7
8
9
10
11
12
 
function ajouterLien(TextToAdd){
		var d = document;
		var NewLien =	d.createElement('a');
		//( un peu barbare mais bon  ;) )
		NewLien.innerHTML = TextToAdd
NewLien.href="www.google.fr";
NewLien.onclick = function(){tamethodeclose();return false;};
		var objP  = document.getElementById( 'toto' );
		//On ajoute l'item en tout premier
		objP.appendChild(NewLien);
	}

ceci n'est donn� qu'a titre informatif

**pas30** · 24/11/2008, 08h25

Bon alors j'ai presque tout r�gl� j'ai bien dit presque car avec firefox tout semble ok mais pas avec internet explorer. Avec internet explorer sur un site que j'ai test� et qui contient des tableaux cel� ne passe pas.

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
40
41
42
43
<?php
echo 'document.write("<DIV ID=\"pub\" STYLE=\"position:fixed;top:0;left:0;z-index:0\"></DIV>");
                
                function showsup()
                        {
                        if(document.getElementById)
                                {
                                document.getElementById(\'pub\').style.width = largeur;
                                document.getElementById(\'pub\').style.height = hauteur;
                                document.getElementById(\'pub\').innerHTML = code;
                                }
                        }
                
                function closeSup()
                        {
                        if(document.getElementById)
                                {
                                document.getElementById(\'pub\').style.width = 1;
                                document.getElementById(\'pub\').style.height = 1;
                                document.getElementById(\'pub\').innerHTML = \'\';
                                }
                        }
                                
                if(!document.all && document.getElementById){
                hauteur = window.innerHeight;
                        largeur = window.innerWidth;
                }
                else {
                        hauteur = document.body.clientHeight;
                largeur = document.body.clientWidth;
                }
                                                
                code = "<TABLE border=0 WIDTH="+largeur+" HEIGHT="+hauteur+"><TR><TD VALIGN=top ALIGN=left>";
                code += "<TABLE CELLPADDING=0 CELLSPACING=0 BORDER=0>";
                code += "<TR><TD bgcolor=#000000 width=300 height=20><div align=left><FONT color=#ffffff size=1><b><a style=color:#FFFFFF href=http://www.monsite.fr target=_blank>Mon site</a></b></font></div></TD>";
                code += "<TD width=300 bgcolor=#000000><div align=right><FONT color=#ffffff size=1><b><a style=color:#FFFFFF href=http://www.monsite.fr/adclic.php?idpub=701&pseudo=test target=_blank>Ouvrir le site</a> <a style=color:#FFFFFF href=# onClick=closeSup()>Fermer</a></div></TR>";
                code += "<TR>";
                code += "<TD colspan=2><iframe width=600 height=400 src=http://www.sitetest.com></iframe></TD>";
                code += "</TR>";
                code += "</TABLE>";
                code += "</TD></TR></TABLE>";
                window.onload = showsup;';
?>

Il faudrait sans doute virer le syst�me des tableaux enfin je ne sais pas comment il serait possible de faire la m�me chose sans utiliser de tableaux
Firefox g�re la chose parfaitement mais internet explorer n'y arrive pas
Voir la diff�rence ici :
Cliquez ici !!!
Indiquez moi ce que vous obtenez et d�tes moi ce que vous en pensez

**pas30** · 24/11/2008, 10h02

Je suspecte InnerHTML et les tableaux peut-�tre d'�tre responsable de ce probl�me, j'ai en effet lu que innerHTML et internet explorer ne font pas bon m�nage
Comment pourrais-je remplacer tout ce bazard ?

**Bovino** · 24/11/2008, 10h14

Code :

S�lectionner tout - Visualiser dans une fen�tre � part

1
2
<?php
echo 'document.write("<DIV ID=\"pub\" STYLE=\"position:fixed;top:0;left:0;z-index:0\"></DIV>");

document.write, il te sert � quoi ???

Sinon, comme d�j� dit, pour �viter innerHTML, il faut passer par les m�thodes du DOM (createElement / appendChild ou insertRow / insertCell)

**le_chomeur** · 24/11/2008, 10h16

il semblerait que ce soit cette ligne la qui pose probl�me :

var get = encodeURIComponent(top.document.location.href);

ligne 133 de ton js

**SpaceFrog** · 24/11/2008, 10h32

location n'est pas une propri�t� de document mais de window .... !!!

Code :

S�lectionner tout - Visualiser dans une fen�tre � part

top.location.href

**pas30** · 24/11/2008, 11h03

D'o� vous sortez ce code :

Code :

S�lectionner tout - Visualiser dans une fen�tre � part

var get = encodeURIComponent(top.document.location.href);

Et sinon j'ai enlev� document.write(""); et �� ne marche plus du tout donc il s'av�re qu'il est n�cessaire, je dois mettre quoi � la place ???
Je veux bien le virer mais si �� ne marche plus, je le laisse moi

Et sinon il faudrait peut-�tre remplacer les tableaux par des div non ???
Des div avec dedans du DOM

**Bovino** · 24/11/2008, 11h09

Et sinon j'ai enlev� document.write("");

Si tu l'enl�ves (ce qui est mieux), il faut aussi sortir le echo de ton code html de la balise script dans laquelle je suppose qu'il est...
En gros :

Code :

S�lectionner tout - Visualiser dans une fen�tre � part

1
2
<?php echo '<script>document.write(\'<div>toto</div>\')</script>';
?>

revient au m�me que :

Code :

S�lectionner tout - Visualiser dans une fen�tre � part

<?php echo '<div>toto</div>' ?>

**pas30** · 24/11/2008, 11h19

mon code ne doit contenir QUE du javascript enfin il me semble car il est appel� de la mani�re suivante :

Code :

S�lectionner tout - Visualiser dans une fen�tre � part

1
2
<script type="text/javascript" src="http://www.monsite.fr/popexemple.php">
</script>

**SpaceFrog** · 24/11/2008, 11h25

c'est sur que si tu g�n�re un code js avec php, il ne faut mettre que du js,
oui mais c'est le principe m�me du document.write pour cr�er un div qui est � remettre en cause ...

**pas30** · 24/11/2008, 12h07

J'avance un peu dans l'id�e et j'ai d�cid� de faire du code plus propre en rempla�ant les tableaux par des div

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
40
41
42
43
44
<?php
echo 'document.write("<DIV ID=\"pub\" STYLE=\"position:fixed;top:0;left:0;z-index:0\"></DIV>");
                
                function showsup()
                        {
                        if(document.getElementById)
                                {
                                document.getElementById(\'pub\').style.width = largeur;
                                document.getElementById(\'pub\').style.height = hauteur;
                                document.getElementById(\'pub\').innerHTML = code;
                                }
                        }
                
                function closeSup()
                        {
                        if(document.getElementById)
                                {
                                document.getElementById(\'pub\').style.width = 1;
                                document.getElementById(\'pub\').style.height = 1;
                                document.getElementById(\'pub\').innerHTML = \'\';
                                }
                        }
                                
                if(!document.all && document.getElementById){
                hauteur = window.innerHeight;
                        largeur = window.innerWidth;
                }
                else {
                        hauteur = document.body.clientHeight;
                largeur = document.body.clientWidth;
                }
//              code = "<TABLE border=0 WIDTH="+largeur+" HEIGHT="+hauteur+"><TR><TD VALIGN=top ALIGN=left>";
//              code += "<TABLE CELLPADDING=0 CELLSPACING=0 BORDER=0>";
//              code += "<TR><TD bgcolor=#000000 width=300 height=20><div align=left><FONT color=#ffffff size=1><b><a style=color:#FFFFFF href=http://www.monsite.fr target=_blank>Régie Publicitaire</a></b></font></div></TD>";
//              code += "<TD width=300 bgcolor=#000000><div align=right><FONT color=#ffffff size=1><b><a style=color:#FFFFFF href=http://www.avenir-affiliation.fr/adclic.php?idpub=701&pseudo=test target=_blank>Ouvrir le site</a> <a style=color:#FFFFFF href=# onClick=closeSup()>Fermer</a></div></TR>";
//              code += "<TR>";
//              code += "<TD colspan=2><iframe width=600 height=400 src=http://www.siteavisiter.com></iframe></TD>";
//              code += "</TR>";
//              code += "</TABLE>";
//              code += "</TD></TR></TABLE>";
                code = "<DIV id=title style=height:20; width:600; background-color: black>Régie Publicitaire</DIV>";
                code += "<DIV id=frame style=height:400;width:600><iframe width=600 height=400 src=http://www.siteavisiter.com></iframe></DIV>";
                window.onload = showsup;';
?>

Le probl�me reste pr�sent sur internt explorer donc cel� signifie vraisemblablement que le probl�me se situe au niveau de innerHTML
Il me reste un petit probl�me de plus sur le premier div qui ne se met pas en fond noir, cel� ne marche pas...

De plus, il va falloir que je place le texte R�gie Publicitaire � gauche du div et � droite deux liens sur la m�me ligne pour l'ensemble comme ci-dessous (les * repr�sentant des espaces :
R�gie Publicitaire*******************Ouvrir le site Fermer

**le_chomeur** · 24/11/2008, 12h18

pour moi l'erreur viens toujours d'ici :

Code :

S�lectionner tout - Visualiser dans une fen�tre � part

var get = encodeURIComponent(top.document.location.href);

**pas30** · 24/11/2008, 12h26

Mais o� vois tu ce code ?
Je n'ai pas programm� cel�

**le_chomeur** · 24/11/2008, 12h29

dans le fichier js de ta r�gie publicitaire :

http://www.webocodes.com/inc/functions.js

**pas30** · 24/11/2008, 12h37

Ce n'est pas ma r�gie

c'est moi la r�gie

Ce site n'est que le site affich� dans l'iframe car j'en fais la publicit�, je ne pense pas qu'ils puissent influencer ce que j'affiche
D'ailleurs j'ai chang� le site charg� et le probl�me est toujours le m�me

**pas30** · 24/11/2008, 13h03

Bon j'ai r�ussi � r�gler le probl�me du premier div :

Code :

S�lectionner tout - Visualiser dans une fen�tre � part

code = "<DIV id=titre style=height:15;width:600;background-color:black><FONT color=#ffffff size=1><b><a style=color:#FFFFFF href=http://www.monsite.fr target=_blank>Régie Publicitaire</a></b></font></DIV>";

J'ai d�sormais un fond noir pour mon div avec le texte blanc par dessus
Le probl�me c'est que je voudrais mettre deux liens dans le DIV qui doivent �tre situ� � droite dans le DIV

R�gie Publicitaire********************Ouvrir le site**Fermer

Les * repr�sentent des espaces donc � gauche le texte "R�gie publicitaire" et � droite les deux liens et tout �� dans le m�me DIV si possible
Merci de votre aide

[DOM] Fen�tre javascript et html

JavaScript

Discussions similaires

Partager

Partager