IdentifiantMot de passe
Loading...
Mot de passe oubli� ?Je m'inscris ! (gratuit)
Navigation

Inscrivez-vous gratuitement
pour pouvoir participer, suivre les r�ponses en temps r�el, voter pour les messages, poser vos propres questions et recevoir la newsletter

JavaScript Discussion :

[DOM] Fen�tre javascript et html


Sujet :

JavaScript

Vue hybride

Message pr�c�dent Message pr�c�dent   Message suivant Message suivant
  1. #1
    Membre �clair�
    Inscrit en
    D�cembre 2006
    Messages
    411
    D�tails du profil
    Informations forums :
    Inscription : D�cembre 2006
    Messages : 411
    Par d�faut [DOM] Fen�tre javascript et html
    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

  2. #2
    Expert confirm�
    Avatar de le_chomeur
    Profil pro
    D�veloppeur informatique
    Inscrit en
    F�vrier 2006
    Messages
    3 653
    D�tails du profil
    Informations personnelles :
    Localisation : France

    Informations professionnelles :
    Activit� : D�veloppeur informatique

    Informations forums :
    Inscription : F�vrier 2006
    Messages : 3 653
    Par d�faut
    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

  3. #3
    R�dacteur/Mod�rateur

    Avatar de SpaceFrog
    Homme Profil pro
    D�veloppeur Web Php Mysql Html Javascript CSS Apache - Int�grateur - Bidouilleur SharePoint
    Inscrit en
    Mars 2002
    Messages
    39 659
    D�tails du profil
    Informations personnelles :
    Sexe : Homme
    �ge : 75
    Localisation : Royaume-Uni

    Informations professionnelles :
    Activit� : D�veloppeur Web Php Mysql Html Javascript CSS Apache - Int�grateur - Bidouilleur SharePoint
    Secteur : Industrie

    Informations forums :
    Inscription : Mars 2002
    Messages : 39 659
    Billets dans le blog
    1
    Par d�faut
    document.write , un table en innerHTML ..

    mauvaises m�thodes
    Ma page Developpez - Mon Blog Developpez
    Pr�sident du CCMPTP (Comit� Contre le Mot "Probl�me" dans les Titres de Posts)
    Deux r�gles du succ�s: 1) Ne communiquez jamais � quelqu'un tout votre savoir...
    Votre post est r�solu ? Alors n'oubliez pas le Tag

    Venez sur le Chat de D�veloppez !

  4. #4
    Membre �clair�
    Inscrit en
    D�cembre 2006
    Messages
    411
    D�tails du profil
    Informations forums :
    Inscription : D�cembre 2006
    Messages : 411
    Par d�faut
    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

  5. #5
    Expert confirm�
    Avatar de le_chomeur
    Profil pro
    D�veloppeur informatique
    Inscrit en
    F�vrier 2006
    Messages
    3 653
    D�tails du profil
    Informations personnelles :
    Localisation : France

    Informations professionnelles :
    Activit� : D�veloppeur informatique

    Informations forums :
    Inscription : F�vrier 2006
    Messages : 3 653
    Par d�faut
    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

  6. #6
    Membre �clair�
    Inscrit en
    D�cembre 2006
    Messages
    411
    D�tails du profil
    Informations forums :
    Inscription : D�cembre 2006
    Messages : 411
    Par d�faut
    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

Discussions similaires

  1. [DOM] Bufferiser une page html en javascript
    Par zbouby_51 dans le forum G�n�ral JavaScript
    R�ponses: 12
    Dernier message: 27/03/2008, 11h34
  2. [DOM] fonction javascript dans html
    Par nopnop dans le forum G�n�ral JavaScript
    R�ponses: 3
    Dernier message: 23/04/2007, 09h53
  3. Utilisation d'une variable Javascript en html
    Par Crazynoss dans le forum G�n�ral JavaScript
    R�ponses: 3
    Dernier message: 28/10/2005, 16h43
  4. [DEBUTANT] Javascript et Html
    Par ebaynaud dans le forum G�n�ral JavaScript
    R�ponses: 5
    Dernier message: 25/10/2004, 13h53

Partager

Partager
  • Envoyer la discussion sur Viadeo
  • Envoyer la discussion sur Twitter
  • Envoyer la discussion sur Google
  • Envoyer la discussion sur Facebook
  • Envoyer la discussion sur Digg
  • Envoyer la discussion sur Delicious
  • Envoyer la discussion sur MySpace
  • Envoyer la discussion sur Yahoo