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 :

Popup en Javascript et resize fenetre


Sujet :

JavaScript

  1. #1
    Membre �clair� Avatar de dancom5
    Homme Profil pro
    Inscrit en
    Janvier 2010
    Messages
    808
    D�tails du profil
    Informations personnelles :
    Sexe : Homme
    �ge : 56

    Informations forums :
    Inscription : Janvier 2010
    Messages : 808
    Par d�faut Popup en Javascript et resize fenetre
    Bonjour !

    J'ai cr�� un lien a href avec du javascript pour ouvrir une fen�tre qui ouvre une nouvelle fen�tre selon les dimensions du contenu. �a fonctionne tr�s bien.

    Mais, un probl�me surviens.

    Sous Firefox, je peux sans probl�me faire ouvrir une image dans une fen�tre sans aucun d�faut Mais avec IE8, une barre apparait en bas de l'image.

    La bordure verte apparait seulement quand j'utilise ceci :
    Code : S�lectionner tout - Visualiser dans une fen�tre � part
    <A HREF="#" onClick="window.open(\'admin/images/'.$ligne['images'].'\',\'fen1\',\'toolbar=0, location=0, directories=0, status=0, scrollbars=0, resizable=0, copyhistory=0, menuBar=0, width='.$size[0].', height='.$size[1].', left=11, top=11\'); return(false)"><img src="admin/images/thumb_'.$ligne['images'].'" width="90" height="90"></a>
    Quelque chose dans le javascript qui fait �a. J'ai test� sans javascript et c'est correcte.

    Si quelqu'un peut m'aider � r�soudre ce probl�me, c'est appr�ci�.

    J'ai h�berg� une capture pour montrer de quoi je parle. Esp�rant que j'ai bien choisi le bon h�bergeur d'images :

    http://imageshack.us/photo/my-images/689/imgbordure.jpg/

  2. #2
    R�dacteur/Mod�rateur
    Avatar de andry.aime
    Homme Profil pro
    Inscrit en
    Septembre 2007
    Messages
    8 391
    D�tails du profil
    Informations personnelles :
    Sexe : Homme
    Localisation : Ile Maurice

    Informations forums :
    Inscription : Septembre 2007
    Messages : 8 391
    Par d�faut
    Bonjour,

    Citation Envoy� par dancom5 Voir le message
    J'ai h�berg� une capture pour montrer de quoi je parle. Esp�rant que j'ai bien choisi le bon h�bergeur d'images :
    http://imageshack.us/photo/my-images/689/imgbordure.jpg/
    Tu as mal choisie l'h�bergeur , c'est bloqu� au boulot .
    Met le directement en pi�ce jointe .

    A+.

  3. #3
    Membre �clair� Avatar de dancom5
    Homme Profil pro
    Inscrit en
    Janvier 2010
    Messages
    808
    D�tails du profil
    Informations personnelles :
    Sexe : Homme
    �ge : 56

    Informations forums :
    Inscription : Janvier 2010
    Messages : 808
    Par d�faut
    Tiens, je ne le savais pas. Merci.
    Voici l'image.
    Images attach�es Images attach�es  

  4. #4
    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
    ce en serait pas plutot ou souci de css bordure sur l'image ?
    mets le border de ton image � 0 ?
    et le text-decoration de ta blaise a � none
    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 !

  5. #5
    Membre �clair� Avatar de dancom5
    Homme Profil pro
    Inscrit en
    Janvier 2010
    Messages
    808
    D�tails du profil
    Informations personnelles :
    Sexe : Homme
    �ge : 56

    Informations forums :
    Inscription : Janvier 2010
    Messages : 808
    Par d�faut
    En premier, je croyais que �a pouvait �tre �a.

    Non,finalement, c'est pas �a.

    Le code qui cause le probl�me est le javascript.
    J'ai supprim� tout autres codes css.

    m�me avec border="0" dans la balise
    img �a fait �a. Et c est juste une ligne
    en dessous de l'image pas dans les autres
    cot�s.

  6. #6
    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
    Et c'est tout le code que tu as au dessus ?
    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 !

  7. #7
    Membre �clair� Avatar de dancom5
    Homme Profil pro
    Inscrit en
    Janvier 2010
    Messages
    808
    D�tails du profil
    Informations personnelles :
    Sexe : Homme
    �ge : 56

    Informations forums :
    Inscription : Janvier 2010
    Messages : 808
    Par d�faut
    Oui, sur l'image que vous voyez est une autre image avec du CSS.
    Mais, j'ai fait dans une page vierge en html sans code et c'est
    exactement la meme chose..

  8. #8
    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
    tu peux filer une page minimaliste avec juste le code incrimin� que je puisse tester ?
    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 !

  9. #9
    Membre �clair� Avatar de dancom5
    Homme Profil pro
    Inscrit en
    Janvier 2010
    Messages
    808
    D�tails du profil
    Informations personnelles :
    Sexe : Homme
    �ge : 56

    Informations forums :
    Inscription : Janvier 2010
    Messages : 808
    Par d�faut
    Je suis sur un serveur qui n'est pas en ligne directement.
    Alors, voisi les codes.

    Ma nouvelle version que je viens de faire :
    Je vais tester avec php:
    Code : S�lectionner tout - Visualiser dans une fen�tre � part
    1
    2
    3
    4
    5
     
    <A HREF="javascript:void(0)"
    onclick="window.open('http://i38.beon.ru/69/91/769169/22/22449522/0.jpeg',
    'welcome','width=300,height=200, toolbar=0, location=0, directories=0, status=0, scrollbars=0, resizable=0, copyhistory=0, menuBar=0')">
    <img src="http://i38.beon.ru/69/91/769169/22/22449522/0.jpeg" width=90 height=90></A>

    Mon ancienne qui pose probleme avec code php supprim� :
    Il fonctionne pas tr�s bien.
    Code : S�lectionner tout - Visualiser dans une fen�tre � part
    1
    2
    3
    4
    5
     
    <A HREF="#"
     onClick="window.open(http://i38.beon.ru/69/91/769169/22/22449522/0.jpeg',
     'fen1', 'toolbar=0, location=0, directories=0, status=0, scrollbars=0, resizable=0, copyhistory=0, menuBar=0, width=90, height=90', left=11, top=11'); return(false)">
     <img src="http://i38.beon.ru/69/91/769169/22/22449522/0.jpeg" width="90" height="90"></a>

  10. #10
    Membre �clair� Avatar de dancom5
    Homme Profil pro
    Inscrit en
    Janvier 2010
    Messages
    808
    D�tails du profil
    Informations personnelles :
    Sexe : Homme
    �ge : 56

    Informations forums :
    Inscription : Janvier 2010
    Messages : 808
    Par d�faut
    code g�n�r� par php :


    Code : S�lectionner tout - Visualiser dans une fen�tre � part
    1
    2
    3
    4
    5
    6
    7
    8
    9
    10
     
    <table align="center" border="2" cellpadding="3" cellspacing="3" width="100%" bordercolor="#990000" bordercolordark="#990033" bordercolorlight="#993300">
        <tr>
            <td width="100%" align="center" nowrap bgcolor="#F0F0F0">
                <p>
                <A HREF="#" onClick="window.open('admin/images/tes_0302.jpg','fen1','toolbar=0, location=0, directories=0, status=0, scrollbars=0, resizable=0, copyhistory=0, menuBar=0, width=250, height=338, left=11, top=11');return(false)"><img src="admin/images/thumb_tes_0302.jpg" width="90" height="90"></a><br><div style="font-size:8px">La dernière #66</div>
                </p>
            </td>
        </tr>
    </table>
    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
     
     
    .base,a { /* pour la barre page par page mais peut influer sur les image) */ 
    		font-size:16px; 
    		font-family:Verdana;
    		font-weight:900;
    		outline:0; 
    		text-decoration:none;
    		color: rgb(255,255,255);
    		background-color: rgb(201,216,182);
    		text-align:center;
    }
     
    a {		
    		color: rgb(255,255,255);
    		background-color: rgb(95,121,57);
    		font-weight:900;
    }		
     
    a.idimg { 		
    		font-size:10px; 
    		text-decoration:none;
    		background-color:Transparent;
    		color:black;
    }
     
    img {
    		border:0px;
    }

  11. #11
    Membre �clair� Avatar de dancom5
    Homme Profil pro
    Inscrit en
    Janvier 2010
    Messages
    808
    D�tails du profil
    Informations personnelles :
    Sexe : Homme
    �ge : 56

    Informations forums :
    Inscription : Janvier 2010
    Messages : 808
    Par d�faut
    Tiens, je viens de trouver le coupable :

    Il va falloir que je modifie �a: .base,a est aussi pour la barre de page par page.

    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
     
    .base,a { 
    		font-size:16px; 
    		font-family:Verdana;
    		font-weight:900;
    		outline:0; 
    		text-decoration:none;
    		color: rgb(255,255,255);
    		background-color: rgb(201,216,182);
    		text-align:center;
    }
     
    a {		
    		color: rgb(255,255,255);
    		background-color: rgb(95,121,57);
    		font-weight:900;
    }

  12. #12
    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
    �a ne pouvait etre qu'un souci css ...
    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 !

  13. #13
    Membre �clair� Avatar de dancom5
    Homme Profil pro
    Inscrit en
    Janvier 2010
    Messages
    808
    D�tails du profil
    Informations personnelles :
    Sexe : Homme
    �ge : 56

    Informations forums :
    Inscription : Janvier 2010
    Messages : 808
    Par d�faut
    Merci, vous m'avez mis sur la piste.

    Et vu que ce n'est pas directement une balise div, c'est le code css que
    je dois modifier pour s�parer.

    Citation Envoy� par SpaceFrog Voir le message
    �a ne pouvait etre qu'un souci css ...

+ R�pondre � la discussion
Cette discussion est r�solue.

Discussions similaires

  1. popup et javascript
    Par ifsera dans le forum G�n�ral JavaScript
    R�ponses: 3
    Dernier message: 24/03/2009, 13h00
  2. Envoyer la value d'un radio dans un popup fonction javascript
    Par drogba72 dans le forum G�n�ral JavaScript
    R�ponses: 22
    Dernier message: 11/02/2009, 12h26
  3. [D�butant] Popup avec javascript dans un fichier s�par�
    Par Marco85 dans le forum G�n�ral JavaScript
    R�ponses: 6
    Dernier message: 20/12/2006, 17h28
  4. R�ponses: 3
    Dernier message: 20/09/2006, 16h07

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