[C#-JQuery] JQuery Corner - Postback

Version imprimable

Bonjour à tous...

Voila j'ai un problème :
J'utilise actuellement pour mes div que je voudrais arrondi, le Corner de Jquery...

Dans chacun de mes user control, et pour leur div associé, j'applique le code suivant...
Code:

1 2 3 4 5 6 7 8 9 <div id="divPanneauRecherche" class="divPanneauRecherche"> <asp:LinkButton runat="server" ID="btnRechercher" Text="Rechercher" CssClass="Bouton" style="" onclick="Rechercher_Click"/> </div> <script type="text/javascript" language="javascript"> $("#divPanneauRecherche").corner("30px"); </script>
Au chargement de la page, niquel, tout passe parfaitement pour tout mes userControl et leur div associées...

Mais lorsqu'un événement se produit ( exemple, le "Rechercher_Click", mon script ne s'exécute plus et n'est pas pris en compte :(..

Mes user control sont contenus dans une page,elle même compris dans une page maitre..

Si quelqu'un aurait une petite idée pour résoudre ce problème...

Merci d'avance

21/11/2008, 15h37
Paul Musso

Bonjour,

Lorsque la page est retournée à la fin du traitement de l'évènement, as-tu toujours dans ta page la div avec l'id "divPanneauRecherche" et le bout de code Javascript ?

Pour moi, un des 2 doit manquer ...
21/11/2008, 15h54
t1marlartiste

Oui j'ai toujours les deux... J'aimerai exécuter le bout de code Javascript au chargement de ma page... j'ai regardé au niveau des RegisterStartupScript et compagnie ... Mais rien n'y fait... :aie:
21/11/2008, 16h04
Paul Musso
C'est extremement bizarre car le simple fait d'avoir une balise <script></script> dans le body de ta page avec du code Javascript dedans, s'exécute au moment du parsing de ta page.

Tu peux toujours essayer ça sinon :
Code:

1 2 3 4 5 6 <body onload="$("#divPanneauRecherche").corner("30px");"> ... ... ... </body>
L'évènement onload de body s'exécute une fois que la page est entièrement chargée, ce qui diffère un peu du comportement d'une balise <script> dans le body de ta page ...
21/11/2008, 16h13
t1marlartiste

En faite la balise se trouve a la fin de mon userControl...et non pas dans mon body... Aprés le mettre dans le onLoad ne marche pas... (il ne reconnait pas le caractère "$"... Je suis assez bloqué...

J'ai essayé vraiment pas mal de chose...
21/11/2008, 16h31
Paul Musso
Escuses moi, c'est plutôt :
Code:

1 2 3 4 5 6 <body onload="$('#divPanneauRecherche').corner('30px');"> ... ... ... </body>
J'ai remplacé les guillemets par des '.

Si cela ne marche pas, je pense alors que cela viens de JQuery qui n'est pas chargé ...
Dans Firebug (Onglet Console) ou IE 8, essaie d'exécuter le bout de javascript :

Code:

$('#divPanneauRecherche').corner('30px');

Je résume les points qui peuvent faire que ton javascript ne fonctionne pas :
1. l'élément div id=PanneauRecherche n'existe pas au moment ou ton javascript est exécuté
2. JQuery n'est pas chargé, donc le javascript plante. D'ailleurs tu devrais avoir une erreur javascript générée
3. ton code javascript n'est pas exécuté
Si le fait d'exécuter $('#divPanneauRecherche').corner('30px'); dans la console firebug ne fait rien, c'est qu'il a un problème soit avec le chargement de JQuery, soit que ton élément div n'est pas dans la page.
21/11/2008, 16h40
t1marlartiste

En faite mes userControl qui contienne les div sont chargés mais ne sont pas visible... Quand je les rend visible, ils sont bien "arrondis" ...

Ensuite sur mon evenement, ils ne sont plus arrondis... Sous Firebug, lorsqu'ils ne sont plus "arrondis" et que je lance :

Code:

$('#divPanneauRecherche').corner('30px');

Il s'éxecute parfaitement...

Et mon code ne change pas entre "Arrondi" et "Non Arrondi", le script est toujours présent d'aprés firebug...

Bon problème résolu...

J'ai ajouté a la class de mon div un divCorner ce qui donne :
Code:

1 2 3 4 <div id="divPanneauRecherche" class="divPanneauRecherche divCorner"> <asp:LinkButton runat="server" ID="btnRechercher" Text="Rechercher" CssClass="Bouton" style="" onclick="Rechercher_Click"/> </div>
Ensuite au chargement de ma master page, je recherche tout les div comportant ce "divCorner" et j'execute le script ...
Code:

1 2 string script = "$('.divCorner').corner('12px');"; ScriptManager.RegisterStartupScript(this.Page, this.GetType(), "S", script, true);