[DOM] CSS & Reload de page Javascript

Bonjour,

J'ai un probl�me JS que j'ai bien de la peine � r�soudre :?

J'ai une GridView dans une DIV:

Code:

---

<div id="tblContainer">

---

Dans ma feuille CSS j'ai d�fini ce DIV comme cela :

Code:

---

1 2 3 4 5 6

div#tblContainer { width:1000px height:400px overflow:auto scrollbar-base-color:#EOEOEO }

---

Ce code marche jusque l�.
Mais j'ai une fonction JS qui modie les valeurs de la GridView et fait finalement un:

Code:

---

document.getElementById(Label).innerText = new_val

---

Une fois la fonction JS appel� la Gridview se recharger comme si le CSS n'etait plus appliqu�.... je ne dois pas bien comprendre les �venements qui se passe derri�re..

Merci si vous pouvez m'aider ......

il est ou le label par rapport au conteneur ???

accessoirement il me semble que cot� css

Code:

---

scrollbar-base-color:#EOEOEO

---

est propri�taire IE

Salut,

Citation:

---

Envoy� par barnet

Une fois la fonction JS appel� la Gridview se recharger comme si le CSS n'etait plus appliqu�

---

As-tu une fonction javascript qui recharge la page? Je ne comprends pas bien. As-tu un code plus cons�quent, mais uniquemnt avec le code n�cessaire � nous proposer?

Le Label (en fait un Textbox) est un champ contenu dans ma GridView, je modifie les valeurs et sur un onBlur j'applique ma fonction JS (simple calcule et affichage dans la meme Textbox d'une nouvelle valeur).

J'ai pu d�terminer que l'erreur se produit lors du document.getElementById()
Je n'utilise que IE.

Le Css que je vous ai donn�e est appel� dans le Div qui contient la GridView. Ensuite lors d'un RowDataBound il appelle d'autres CSS

Voila une partie de mes codes:

CSS:

Code:

---

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22

div#tblContainer { width: 1000px; height: 610px; overflow: auto; scrollbar-base-color:#E0E0E0 ; }   thead th { top: expression(document.getElementById("tblContainer").scrollTop-2); /* IE5+ only */ z-index: 20; }   td.headerlocked, th.headerlocked{ background-color: #507CD1; font-weight: bold; Font-Family:Verdana; Font-Size:x-small; color:white; left: expression(parentNode.parentNode.parentNode.parentNode.scrollLeft); /* IE5+ only */ position: relative; z-index: 10; }

---

ASPX

Code:

---

1 2	<div id="tblContainer"> <asp:GridView ID="GridView" runat="server">

---

Le tout rempli de TextBox

JS

Code:

---

document.getElementById('ctl00_Main_GridView_ctl25_TotalItem').innerText = newTotalGeneral;

---

CS

Code:

---

1 2 3 4 5 6 7

protected void GridView_RowDataBound(object sender, GridViewRowEventArgs e) {   //rename the header with the months/year data if (e.Row.RowType == DataControlRowType.Header) { e.Row.Cells[0].CssClass = "headerlocked";

---

C'est juste un apercu... , lorsque JS est appel� le Datagrid s'affiche enti�rement et n'applique plus le CSS :cry:

Merci pour tout aide

Code:

---

e.Row.Cells[0].CssClass = "headerlocked";

---

8O

essaye:

Code:

---

e.Row.Cells[0].className = "headerlocked";

---

Citation:

---

Envoy� par SpaceFrog

Code:

---

e.Row.Cells[0].CssClass = "headerlocked";

---

8O

essaye:

Code:

---

e.Row.Cells[0].className = "headerlocked";

---

---

non spaffy, ce n'est pas du javascript mais du C#. notre ami fait du dev web .NET

sinon je n'ai pas identifi� le probl�me mais je me permet une remarque au passage ;) le javascript dans le css ralentit consid�rablement le dynamisme de ta page (en tout cas sous IE). j'ai pu d�j� constater qu'une pauvre page avec une table d'une cinquantaine de ligne pouvait ramer comme c'est pas possible avec �a (les css et donc le javascript dedans sont constamment r��valu�s quand tu agis sur la page)

Citation:

---

Envoy� par bigboomshakala

non spaffy, ce n'est pas du javascript mais du C#. notre ami fait du dev web .NET

---

Oui exactement c'est du .net ;)

Je n'ai pas vu de perte de performance, pour l'instant.. peut-etre que cela va changer quand cela marchera....:oops:

Citation:

---

Envoy� par barnet

C'est juste un apercu... , lorsque JS est appel� le Datagrid s'affiche enti�rement et n'applique plus le CSS :cry:

---

tu as regard� dans le code g�n�r� si le style est positionn� sur la cellule que tu penses ? (via un DOM Explorer quelconque sur le navigateur que tu utilises). peut-�tre qu'il n'est pas appliqu� l� o� tu crois

(c'est marrant je suis en train de me faire ch*** avec des gridview aussi depuis quelques jours...)

Le style est bien g�n�r� avant, et toujours apr�s le probl�me, sur les controles que je veux ... :(

Cet exemple pour permettre � un GridView d'�tre scroll� est asseu courant, pourtant cela pose des probl�mes avec l'utilisation commune de JS...

QQn � une id�e (de plus) ? :?