Discussion :

[Goltar]

Bonjour à tous,
j'essaie de modifier désespérement un placeholder d'un search dans une listview dynamiquement, sans succès.
Quelqu'un aurait-il l'amabilité de m'orienter?

Voici ce que j'essaie de faire ==> https://jsfiddle.net/Goltar/ztwmbgt2/24/

je sais que je pourrais modifier celui-ci en ajoutant data-filter-placeholder dans la définition de l'UL, mais mon appli est multilingue et je dois l'adapter suivant la langue de l'utilisateur.

D'avance merci

[Goltar]

/*Aucun des codes suivants ne fonctionnent */

https://jsfiddle.net/Goltar/ztwmbgt2/30/

Code :

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

1
2
3
4
5
6
$("#UlFilter").attr("data-filter-placeHolder", PlHolder); 
$('ul').find("[data-type='"+"search"+"']").attr("placeholder", PlHolder);
$('ul').find("[data-type='"+"search"+"']").attr("data-filter-placeHolder", PlHolder);
$("ul[data-type='"+"search"+"']").attr("data-filter-placeHolder", PlHolder);
$("ul[data-type='"+"search"+"']").attr("placeHolder", PlHolder);
$.mobile.listeview.prototype.options.filterPlaceHolder = PlHolder;

Scrogneugneu ! comment accéder ce placeholder ???

[NoSmoking]

Bonjour,
ton <input> n'est pas dans la list-view.
tu peux faire un accès direct via un

Code :

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

$("[data-type=search]").attr("placeholder", PlHolder);

[Goltar]

Merci NoSmoking, mais non
ni

Code :

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

 $("[data-type='"+"search"+"']").attr("data-filter-placeHolder", PlHolder);

ni

Code :

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

$("[data-type=search]").attr("placeholder", PlHolder);

ne l'affecte ???

le search est ajouté automatiquement par JQM par l'adjonction du data-filter='true' dans l'UL et il doit y avoir une astuce du genre (::after ou ::before) mais je ne parvient pas à mettre le doigt (ou le pointeur) dessus. Grrr!

[NoSmoking]

Il suffit d'attendre que le DOM soit modifié pour demander la modification donc sur le onload ou onDomReady par exemple.

[Goltar]

Merci NoSmoking !!!

En effet mon appli est en (plusieurs pages dans un seul html), bien que ma traduction était lancée en onDeviceReady et à l'initialisation de la première page affichée par :

Code :

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

1
2
3
4
5
 
$("#Page1").on ("pageinit", function (event, ui)
{
traduction();
});

toutes mes autres pages étant traduites comme il se devait (même les autres éléments dans la page de ce placeHolder), je ne me serais pas douté qu'il faille refaire

Code :

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

1
2
3
4
5
 
$("#PageDeCeFoutuPlaceHolder").on("pageinit", function(event, ui)
{
traduction();
});

pour que

Code :

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

$("[data-type=search]").attr("placeholder",STxt['TxtSearch'][ValLang]);

soit pris en compte et affecte réellement le placeHolder!

Merci !