Discussion :

[OhAime971]

Bonjour,


Mon code HTML:

Code :

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

1
2
3
4
5
 
...
<div id="divetat5"><td style="color:green; font-weight:bold;">Actif</td></div>
<td><img src="img/resolu.bmp" onclick="modifierstatut(4);"></td>
...

Ma fonction Javascript:

Code :

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

1
2
3
4
 
function modifierstatut(id) {
					new Ajax.Updater('divetat'+id,'ajax/modifier_statut.php',{asynchronous:true, evalScripts:true, method:'POST', parameters:'id='+id});
			}

code html renvoyer par la page (ajax/modifier_statut.php):

Code :

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

1
2
 
<td style="color:(couleur en fonction du résultat de la requete); font-weight:bold;">(data fonction de la requete)</td>

Maintenant, mon problème. C'est très simple, j'utilise donc le framework prototype, et avec cette "configuration" de mon code HTML, j'ai un problème, lorsque je fait lancer la fonction javascript, eh bien il ne change rien!

Par contre, lorsque je met mon code HTML de cette façon:

Code :

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

1
2
3
 
<td style="color:green; font-weight:bold;"><div id="divetat5">Actif</div></td>
<td><img src="img/resolu.bmp" onclick="modifierstatut(4);"></td>

C'est a dire que je met mon div dans la cellule au lieu du contraire.

J'aimerais comprendre pourquoi? on ne peut pas faire contenir une cellule dans un div? ou c'est propre à ajax ou prototype?

Merci

[E.Bzz]

Bonjour,

on ne peut pas faire contenir une cellule dans un div?

Non, effectivement.
Les 2 sont des conteneurs (type block).
Mais le <td> fait partie de structures de niveaux supérieures et cohérentes (<tr> et <table>).
En incluant le td dans le div, tu rends incohérente la structure de la table : un <tr> n'accepte que des <td> comme enfants (et donc pas de <div>).

Un <td> est aussi de type bloc. Par contre, aucune modification de son contenu ne perturbe la structure de la table.

Tu peux donc mettre un <div> dans un <td>, mais pas le contraire ...

A+

[OhAime971]

D'accord! merci beacoup pour cette réponse!! J'ai du rater un épisode dans mon apprentissage HTML

Merci! A+