11550 sujets

JavaScript, DOM et API Web HTML5

[RESOLUS] Recharger une CSS en Javascript

Bonjour a tous,

Voila j'ai un petit probleme que je vais essayer de vous expliquer du mieux que je peux.
J'ai donc une page web dans laquelle se trouve un tableau HTML. Je precise que tout ca est fait en asp.net.
Le tableau se presente comme ceci : 
<table id="tblGrid" language="javascript" class="grid" ondblclick="return tblGrid_ondblclick()">
		<tr id="1" bgcolor="gainsboro" onclick="selectRow(this)">
		<td><div class = 'test'>512;3;4;28;187</div></td>
		</tr>
</table>

Donc j'appel la class 'test' au chargement de la page et cela fonctionne tres bien.
Mais mon probleme est que, quand je modifie le champs de mon tableau et que je valide, mon champs ne tiens plus compte de la class 'test', meme si dans le code HTML rien n'a change Smiley confus 
document.getElementById("monchamp").value = txtboxA

<td><div class = 'test'>Mon champ modifie en txtboxA</div></td>


Comment puis-je faire ? Je ne suis pas oblige de recharger la page quand meme ? Smiley sweatdrop

D'avance merci pour votre aide.
Modifié par cherrymoon08 (19 Jan 2007 - 09:04)
C'est fait exprès si ça ne respecte pas la syntaxe HTML ?
Faux : 
<div class = 'test'>...</div>

Correct : 
<div class="test">...</div>


Je sais pas du tout si ça peut y changer quelque chose, mais je pense qu'il serait utile de commencer par corriger ça. Smiley cligne
C'est parce que en faite je ne l'affichait pas directement par le HTML et j'avais pas mis la bonne syntaxe dans le code.
J'ai rectifie meme si ca marchait correctement avant, merci Smiley cligne
Cependant j'ai toujours le meme probleme, une fois le champs est modifie ma CSS ne s'applique plus sur ce champ.
Je ne connais pas le code generee une fois le champ modifie car comme la page n'est pas rechargee, la source ne change pas, donc pas evident de trouve comment faire.
Personne n'a deja eu ce type d'erreur ?
Salut,
Florent V. a écrit :
C'est fait exprès si ça ne respecte pas la syntaxe HTML ?
Faux : 
<div class = 'test'>...</div>

Correct : 
<div class="test">...</div>
La première syntaxe est en fait parfaitement valide, tant en HTML qu'en XHTML. Smiley smile
cherrymoon08 a écrit :
Je ne connais pas le code generee une fois le champ modifie car comme la page n'est pas rechargee, la source ne change pas, donc pas evident de trouve comment faire.

L'extension Webdeveloper pour Firefox permet d'afficher le code source généré. Smiley cligne
(Voir source > Voir le code source généré)

Julien Royer a écrit :
La première syntaxe est en fait parfaitement valide, tant en HTML qu'en XHTML.

Ah ? Je croyais que les espaces entre l'attribut, le signe égal et la valeur n'étaient pas permis. Autant pour moi, alors.
Bonjour.

Sans plus de code tout ce que je peux te proposer de vérifier c'est une erreur courante : value est un attribut uniquement applicable à une balise input donc est-ce bien le cas ?
J'ai resolus mon probleme finalement.
En y allant petit a petit, je me suis rendus compte qu'une fois le champs modifie, la balise DIV disparaissait.
Mon erreur etait la suivante, j'utilisait pour la mise a jour de mon champ un innerText comme ci :
oRow.cells[4].innerText = document.getElementById("txtboxA").value;

Alors que j'aurais du utiliser un innerHTML comme ceci :
oRow.cells[4].innerHTML = "<div class = 'test'>" + document.getElementById("txtboxA").value + "</div>";

Merci pour votre aide en tout cas. Smiley cligne
Modifié par cherrymoon08 (17 Jan 2007 - 15:26)
Sujet clos
Aller à