Discussion :

[pas30]

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]

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]

document.write , un table en innerHTML ..

mauvaises méthodes

[pas30]

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]

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]

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