Popup en Javascript et resize fenetre

Version imprimable

18/05/2011, 07h51
dancom5

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:

<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/f/689/imgbordure.jpg
http://imageshack.us/photo/my-images/689/imgbordure.jpg/
18/05/2011, 08h25
andry.aime

Bonjour,

Citation:

Envoyé par dancom5

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 :mouarf:, c'est bloqué au boulot :aie:.
Met le directement en pièce jointe ;).

A+.
18/05/2011, 08h28
dancom5

1 pièce(s) jointe(s)

Tiens, je ne le savais pas. Merci.
Voici l'image.
18/05/2011, 08h32
SpaceFrog

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
18/05/2011, 09h03
dancom5

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.
18/05/2011, 09h05
SpaceFrog

Et c'est tout le code que tu as au dessus ?
18/05/2011, 09h07
dancom5

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..
18/05/2011, 09h09
SpaceFrog

tu peux filer une page minimaliste avec juste le code incriminé que je puisse tester ?

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:

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:

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>

code généré par php :

Code:

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:

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;
}

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:

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;
}

18/05/2011, 10h01
SpaceFrog

ça ne pouvait etre qu'un souci css ...
18/05/2011, 10h03
dancom5

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

ça ne pouvait etre qu'un souci css ...