[HTML + CSS] Appliquer feuille de style CSS a un popup

Version imprimable

16/05/2006, 14h14
tony_big_guy

[HTML + CSS] Appliquer feuille de style CSS a un popup
bonjour,
j'aimerais appliquer une feuille de style a un popup,mais il semble qu'il y ait un prb de lien vers les fichiers css
la ligne qui fait buger est
Code:

1 2 3 document.write("<link rel="stylesheet" href="../htm/css/synthapp.css" type="text/css" media="screen"/>");
le prb vient il du fait qu'il ne connait pas le chemin du fichier qui est reconnu dans la fenetre mere?
merci de votre aide
16/05/2006, 14h28
Swoög

quel est le chemin du popup ? il est dans le même dossier que la page mère ?
16/05/2006, 14h39
tony_big_guy

c'est un popup crée par un window.open
16/05/2006, 14h41
Swoög

ça répond pas à ma question....
16/05/2006, 14h50
tony_big_guy

ben je ne comprend pas trop ta question alors...
oui c'est dans le meme dossier ce qui est normal vu que je ne cree pas de nouveau fichier...
en fait j'ai l'impression que le popup ne connait pas et ne peut pas connaitre les caracteristiques de la page html où je clique sur le lien pour ouvrir le popup

Penses à échapper les double-quotes ou utilises des simple-quotes ;)

Code:

1
2
3
4
5
6
7
document.write("<link rel=\"stylesheet\" href=\"../htm/css/synthapp.css\" type=\"text/css\" media=\"screen\"/>");
 
OU
 
document.write("<link rel='stylesheet' href='../htm/css/synthapp.css' type='text/css' media='screen'/>");

De rien ^^

16/05/2006, 14h55
Swoög

bon... pour ouvrir une page avec window.open

tu fais :

Code:

window.open('la_page_a_ouvrir.html');

non ?
alors c'est quoi justement ton 'la_page_a_ouvrir.html' ?

en fait je fais ca :

Code:

1
2
3
4

window.open ('',"PSR_f1", "height=1,width=1,menubar=no,scrollbars=no,resizable=no,left=0,top=0"); ;

16/05/2006, 15h05
zoidy

Ca représente quoi "PSR_f1" ?
16/05/2006, 15h16
Swoög

OK.....

pas d'adresse... ceci expliquant cela...

si tu veux attribuer un CSS avec la balise link, il te faudra spécifier l'url absolue (avec http:// et tout et tout ;) )

Citation:

OK.....

pas d'adresse... ceci expliquant cela...

si tu veux attribuer un CSS avec la balise link, il te faudra spécifier l'url absolue (avec http:// et tout et tout :wink: )

Nop, t'es pas obligé de spécifier un chemin pour la popup.

Exemple :
Code:

1 2 3 4 5 6 7 8 9 10 11 12 13 <script type="text/javascript" language="javascript"> function Popup() { var fenetre=open("",'popup','width=600,height=565,toolbar=no,scrollbars=no,resizable=no'); fenetre.document.write('<html>'); fenetre.document.write('<head><title>BLABLA</title>'); fenetre.document.write('<link href="./style.css" rel="stylesheet" type="text/css" /></head>'); fenetre.document.write('<body>'); fenetre.document.write('<SPAN class="normal">YOUPI</SPAN>'); fenetre.document.write('</body></html>'); } </script>
Et ca marche très bien ;)

16/05/2006, 17h45
Swoög

Citation:

Envoyé par zoidy

Nop, t'es pas obligé de spécifier un chemin pour la popup.

J'ai bien parlé du chemin du CSS !!!

Citation:

Envoyé par zoidy

Code:

1
2
3
4
5
6
7
8
9
10
11
12
13
 
<script type="text/javascript" language="javascript">
function Popup()
{
  var fenetre=open("",'popup','width=600,height=565,toolbar=no,scrollbars=no,resizable=no');
  fenetre.document.write('<html>');
  fenetre.document.write('<head><title>BLABLA</title>');
  fenetre.document.write('<link href="./style.css" rel="stylesheet" type="text/css" /></head>');
  fenetre.document.write('<body>');
  fenetre.document.write('<SPAN class="normal">YOUPI</SPAN>');
  fenetre.document.write('</body></html>');
}
</script>

Ca ne remplace pas le contenu de la page ?
Le code rajouté en ecrit en début de page popup ? en fin de page popup ?

16/05/2006, 19h06
Swoög

Citation:

Envoyé par bavibavi

Ca ne remplace pas le contenu de la page ?
Le code rajouté en ecrit en début de page popup ? en fin de page popup ?

ça remplace le code de la popup, mais comme il n'y a aucune adrese de chargée dans la popup, il n'y a pas de code dans la popup ;)
16/05/2006, 19h58
Sheriff

salut !
si le popup est une page existante contenue dans ton dossier, pk ne pas l'éditer et mettre le <link> dans le header, tout simplement ?
ensuite tu appelle ton popup avec

Code:

window.open('mon_popup','_blank',attributs)

@+
17/05/2006, 12h02
zoidy

Citation:

J'ai bien parlé du chemin du CSS !!!

Autant pour moi ^^

Citation:

ça remplace le code de la popup, mais comme il n'y a aucune adrese de chargée dans la popup, il n'y a pas de code dans la popup

Le code dans la popup est généré avec le document.write, tout simplement ;)

Mais bon, pour en revenir au problème de tony, son link génére une erreur car il n'a pas échappé les double-quotes... :D
17/05/2006, 13h12
Swoög

Citation:

Envoyé par zoidy

Le code dans la popup est généré avec le document.write, tout simplement ;)

oui, c'est ce que je voulais dire mais je me suis mal exprimé ^^

par contre pour les doubles quotes.... comme ils met ses chaînes entre simples quotes, il ne devrait pas y avoir de problèmes ;)
17/05/2006, 16h39
zoidy
Citation:

par contre pour les doubles quotes.... comme ils met ses chaînes entre simples quotes, il ne devrait pas y avoir de problèmes

Beh nop, dans son tout premier message, y'a que des double-quotes :
Code:

1 2 document.write("<link rel="stylesheet" href="../htm/css/synthapp.css" type="text/css" media="screen"/>");
Donc normal que ça plante ^^