[C#-JQuery] JQuery Corner - Postback

**t1marlartiste** · 21/11/2008, 14h44

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 :

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

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

**Paul Musso** · 21/11/2008, 15h37

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

**t1marlartiste** · 21/11/2008, 15h54

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

**Paul Musso** · 21/11/2008, 16h04

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 :

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

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

**t1marlartiste** · 21/11/2008, 16h13

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

**Paul Musso** · 21/11/2008, 16h31

Escuses moi, c'est plutôt :

Code :

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

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 :

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

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

Je résume les points qui peuvent faire que ton javascript ne fonctionne pas :

l'élément div id=PanneauRecherche n'existe pas au moment ou ton javascript est exécuté
JQuery n'est pas chargé, donc le javascript plante. D'ailleurs tu devrais avoir une erreur javascript générée
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.

**t1marlartiste** · 21/11/2008, 16h40

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 :

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

$('#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...

**t1marlartiste** · 24/11/2008, 14h33

Bon problème résolu...

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

Code :

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

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 :

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

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

[C#-JQuery] JQuery Corner - Postback

Dotnet

Discussions similaires

Partager

Partager