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

**tony_big_guy** · 16/05/2006, 14h14

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 :

Sélectionner tout - Visualiser dans une fenêtre à part

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

**Swoög** · 16/05/2006, 14h28

quel est le chemin du popup ? il est dans le même dossier que la page mère ?

**tony_big_guy** · 16/05/2006, 14h39

c'est un popup crée par un window.open

**Swoög** · 16/05/2006, 14h41

ça répond pas à ma question....

**tony_big_guy** · 16/05/2006, 14h50

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

**zoidy** · 16/05/2006, 14h54

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

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

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 ^^

**Swoög** · 16/05/2006, 14h55

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

tu fais :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

window.open('la_page_a_ouvrir.html');

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

**tony_big_guy** · 16/05/2006, 14h59

en fait je fais ca :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4

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

**zoidy** · 16/05/2006, 15h05

Ca représente quoi "PSR_f1" ?

**Swoög** · 16/05/2006, 15h16

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

)

**zoidy** · 16/05/2006, 15h35

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

)

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

Exemple :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

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

**Swoög** · 16/05/2006, 17h45

Envoyé par zoidy

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

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

**bavibavi** · 16/05/2006, 18h17

Envoyé par zoidy

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

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 ?

**Swoög** · 16/05/2006, 19h06

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

**Sheriff** · 16/05/2006, 19h58

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 :

Sélectionner tout - Visualiser dans une fenêtre à part

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

@+

**zoidy** · 17/05/2006, 12h02

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

Autant pour moi ^^

ç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...

**Swoög** · 17/05/2006, 13h12

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

**zoidy** · 17/05/2006, 16h39

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 :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
document.write("<link rel="stylesheet" href="../htm/css/synthapp.css" type="text/css" media="screen"/>");

Donc normal que ça plante ^^

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

CSS

Discussions similaires

Partager

Partager