Discussion :

[vinze60]

Bonjour à Tous,

J'ai un tableau en HTML :

Code :

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

1
2
3
4
5
6
7
8
9
10
11
12
13
<table>

<tr>
<td><font></font></td>
<td><input type="text" class="input"/></td>
</tr>

<tr>
<td><font></font></td>
<td><input type="text" class="input"/></td>
</tr>

</table>

A chaque fois que je tape quelque chose dans le Input je souhaiterais que la balise Font soit en background-color Yellow.

Voici mon code de départ mais je bloc sur le prev() qui n'arrive pas cible la balise font, je suppose que cela vient du fait que les element se trouvent dans un tableau ?

Code :

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

1
2
3
4
5
6
7
<script type="text/javascript">
 
$(".input").bind("keyup", function(){
$(this).prev("font").css("backgroundColor", "yellow");
});
 
</script>

Merci d'avance pour votre aide

[danielhagnoul]

Bonsoir

Une balise "font" ! On remonte au moyen âge du CSS !

$( this ).parent().prev().children() en fait !

On peut utiliser : $( this ).closest( "font" ).

Pourquoi à chaque keyup ?

Code :

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

1
2
3
$( ".input" ).one( "keyup", function(){
  ...
});

[vinze60]

Bonsoir et merci pour la solution !

J'ai utilisé

Code :

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

$( this ).parent().prev().children("font")

Et ça fonctionne très bien.

En fait, mon problème exposé n'était qu'un exemple que j'ai simplifié pour le forum. Je ne cherche pas du tout à colorier le fond d'une balise FONT mais a changer des parties de texte dans un tableau.

Et je trouve l'utilisation de cette balise FONT très aisée lorsqu'on souhaite changer, à l'aide de Jquery, une partie de texte.

As-tu une autre solution à me proposer pour pour changer cette balise puisque, apparemment, c'est démodé

[SpaceFrog]

ben mets le style direct sur le td ?

[danielhagnoul]

en utilisant http://api.jquery.com/css/