Content page et code JavaScript

Version imprimable

Bonjour à tous,

Voici le problème auquel je fais face depuis quelques jours et pour lequel je sollicite votre aide.

Je développe en APS.NET 2.0. J’utilise un MasterPage. Dans une des pages associée à mon master page (je ne sais pas si je peux l’appeler content page) j’ai un bouton de commande, qui doit afficher une nouvelle fenêtre. Dans l’évènement on_click du bouton de commande j’ai ajouté le code suivant.
Code:

1 2 3 4 5 Page.ClientScript.RegisterClientScriptBlock(Me.GetType(), "page dans nouvelle fenetre", "window.open('convertisseur.aspx', 'nomfenetre','toolbar=no,status=no,directories=no,menubar=no,location=no,scrollbars=no,resizable=yes,width=400,height=300')", True)
Pendant l’exécution de la page, quand je clique sur le bouton rien ne se produit (c'est-à-dire la nouvelle fenêtre ne s’affiche pas).

Cependant j’ai crée une page sans l’associer à un MasterPage, la page est dans le même répertoire que le content page précédent. Sur cette page j’ai ajouté un bouton.

J’ai ajouté le même code dans l’événement on_click du bouton placé sur la page non associée au master page. Pendant l’exécution, quand je clique sur le bouton ma nouvelle fenêtre s’affiche tel que souhaité.

Apres les tests suivants je pense que le problème pourrait être l’utilisation du code JavaScript depuis ma page associée au master page.

Comment pourrais je résoudre ce problème c'est-à-dire afficher une nouvelle fenêtre après un clic sur un bouton (le bouton est sur une page associée au master page) ?

Toute aide sera la bienvenue.

Merci

04/01/2010, 22h46
Sacha999

Tu dois pas plutot mettre ?

Code:

<script type="text/javascript">window.open('convertisseur.aspx', 'nomfenetre','toolbar=no,status=no,directories=no,menubar=no,location=no,scrollbars=no,resizable=yes,width=400,height=300');</script>

Il n'y a aucun lien entre ton bouton et ton script... essaie plutôt comme ça :
Code:

1 2 3 4 Page.ClientScript.RegisterClientScriptBlock(Me.GetType(), "page dans nouvelle fenetre", "function OpenNewWindow() { window.open('convertisseur.aspx', 'nomfenetre','toolbar=no,status=no,directories=no,menubar=no,location=no,scrollbars=no,resizable=yes,width=400,height=300'); }", True)
Et dans ton code ASPX :

Code:

<input type="button" value="blabla" onClick="OpenNewWindow(); return false;" />

Sinon tu peux aussi mettre la fonction JS dans un bloc <script> directement dans la page, ce serait sans doute le plus simple...

Bonjour et merci pour ta réponse ; après avoir suivit tes conseils je n’ai toujours pas la solution à mon problème. En effet j’ai fait ce que tu as demandé quand je clique sur le bouton rien ne produit (le masterpage se recharge tout simplement sans afficher la fenêtre style popup). Pour être plus précis j’ai ajouté les deux lignes de code dans l’évènement on_load() du masterpage. Est-ce bien ce qu’il fallait faire ?

Cependant en continuant les recherches pour résoudre ce problème, j’ai fait ce test ; J’ai ajouter un bouton de commande, et dans l’évènement onclick() de ce bouton j’ai mis le code ci après, le problème est que la nouvelle fenêtre s’affiche mais la police de page appelante est totale changer et apparaît beaucoup plus grand.
Code:

1 2 Response.Write("<script type='text/javascript'>window.open('../../formulaires/applilng/convertisseur.aspx', 'nomfenetre','toolbar=no,status=no,directories=no,menubar=no,location=no,scrollbars=yes,resizable=yes,width=420,height=320'); </script>")
Comment réussir à afficher le popup a partir du master page?
Citation:
Envoyé par tomlev
Il n'y a aucun lien entre ton bouton et ton script... essaie plutôt comme ça :
Code:

1 2 3 4 Page.ClientScript.RegisterClientScriptBlock(Me.GetType(), "page dans nouvelle fenetre", "function OpenNewWindow() { window.open('convertisseur.aspx', 'nomfenetre','toolbar=no,status=no,directories=no,menubar=no,location=no,scrollbars=no,resizable=yes,width=400,height=300'); }", True)
Et dans ton code ASPX :

Code:

<input type="button" value="blabla" onClick="OpenNewWindow(); return false;" />

Sinon tu peux aussi mettre la fonction JS dans un bloc <script> directement dans la page, ce serait sans doute le plus simple...

11/01/2010, 10h56
tomlev

Ben je suppose que la page que tu ouvres dans la popup n'utilise tout simplement pas la même police... tu as peut-être oublié d'inclure une feuille de style CSS ?
11/01/2010, 11h52
Fngonka

Le problème de police de caractère est le suivant. Sur le master page quand je fais le response.write, le popup s’affiche et la page appelante qui est lié à un master page se charge avec la taille de police 2 voir 3 fois plus grande. Mon master page utilise bel et bien les CSS mais je les ai mis directement sur le master page.

Mon problème est le suivant, pourquoi en utilisant le code Page.ClientScript.RegisterStartupScript (qui, m’a-t-on dit est adapté pour ajouter du java script sur une page asp.net) avec le winodw.open depuis le master page ou le content page rien ne se produit. Tandis en utilisant directement response.write() le popup s’affiche mais la police devient plus grande.

Je suis encore plus confus parce que si j’utilise ce code sur une page qui n’est pas lié à un masterpage, le popup s’affiche sans problème.

Citation:

Envoyé par tomlev

Ben je suppose que la page que tu ouvres dans la popup n'utilise tout simplement pas la même police... tu as peut-être oublié d'inclure une feuille de style CSS ?
11/01/2010, 12h36
tomlev

euh... là tu m'as perdu :?
j'ai aucune idée de ce qui pose problème

Citation:

Envoyé par Fngonka

Mon problème est le suivant, pourquoi en utilisant le code Page.ClientScript.RegisterStartupScript (qui, m’a-t-on dit est adapté pour ajouter du java script sur une page asp.net) avec le winodw.open depuis le master page ou le content page rien ne se produit. Tandis en utilisant directement response.write() le popup s’affiche mais la police devient plus grande.

Normal, si tu fais un response.write, tu vas ecrire du code tout en haut de la page, avant le tag body, et ca va casser ta css

Je vais te poser un question toute bête, mais qu'est-ce qui justifie de mettre ton code javascript dans le code-behind ?

Est-ce que ce code javascript va changer ? ou est-ce que c'est pour ouvrir ta popup après une validation coté serveur ?

Si c'est le second cas, le mieux, ce serait de faire, coté feuille .aspx :
Code:

1 2 3 4 5 6 <script type="text/javascript"> function openConvertisseur(){ window.open('convertisseur.aspx', 'nomfenetre','toolbar=no,status=no,directories=no,menubar=no,location=no,scrollbars=no,resizable=yes,width=400,height=300'); } </script>
coté serveur, après tes traitements :
Code:

1 2 3 4 5 Page.ClientScript.RegisterClientScriptBlock(Me.GetType(), "page dans nouvelle fenetre", "<script language='javascript'>openConvertisseur();</script>", True)

Citation:
Envoyé par Philippe Vialatte
Si c'est le second cas, le mieux, ce serait de faire, coté feuille .aspx :
Code:

1 2 3 4 5 6 <script type="text/javascript"> function openConvertisseur(){ window.open('convertisseur.aspx', 'nomfenetre','toolbar=no,status=no,directories=no,menubar=no,location=no,scrollbars=no,resizable=yes,width=400,height=300'); } </script>
coté serveur, après tes traitements :
Code:

1 2 3 4 5 Page.ClientScript.RegisterClientScriptBlock(Me.GetType(), "page dans nouvelle fenetre", "<script language='javascript'>openConvertisseur();</script>", True)
J’ai effectivement fais ce cas la, et le traitement je l’ai ajouté dans le l’évènement onclik du bouton de commande. Cependant dans ce cas précis quand je clique sur le bouton rien ne se produit c'est-à-dire le popup ne s’affiche pas. Quelle vérification puis encore faire ???

Pour aider à une meilleure compréhension de mon problème et éviter de poster l’ensemble du code de mon master page, je me demandaient si le code java script qu’utilise mon menu déroulent (Je ne comprends pas vraiment toutes les instructions parce que j’ai copier le code sur le net) ne serait pas à l’origine de la mauvaise interprétation de la méthode window.open. Donc est ce que ce bout de code pourrait gêner l’exécution de ma fonction openConvertisseur().

Voici le code qu’utilise mon menu déroulant.
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 function SymError() { return true; } window.onerror = SymError; var SymRealWinOpen = window.open; function SymWinOpen(url, name, attributes) { return (new Object()); } window.open = SymWinOpen; window.onload=montre; function montre(id) { var d = document.getElementById(id); for (var i = 1; i<=10; i++) { if (document.getElementById('smenu'+i)) {document.getElementById('smenu'+i).style.display='none';} } if (d) {d.style.display='block';} } function A1_onclick() { }
Merci.
P.S:Je prie d’ores et déjà les modos d’être indulgent envers moi je sais que je ne suis pas au bon endroit pour poster un bout de code java script mais c’est tout simplement dans le but de permettre au développeur asp.net qui maîtrisent java script de mieux comprendre le problème auquel je fais face.

11/01/2010, 16h19
Philippe Vialatte

Est-ce que par le plus grand des hasards tu n'aurais pas une erreur js dans ta page ?

Parce que si c'est le cas, l'évaluation du reste de ton code js ne passera pas...ce qui expliquerait que ca marche quand tu fais un response.write, qui passe avant le reste de la page ;)

Pour ie, regarde en bas a gauche, pour ff, ctrl+maj+j (ou firebug, aussi)