Pré-remplir le titre d'un nouveau sujet

[alv]

Bonjour,
Je chercher qui, lorsqu'on arrive sur la page de type /post?f=74&mode=newtopic, le titre du sujet soit déjà écrit par du javascript.
J'ai trouvé ceci (venant de ce sujet) :

Code:

$(function($){if(window.location.href.match(/.+\/post\?f=3&mode=newtopic)) $('input[name=subject]:first').each(function(){$(this)[0].value='{ USERNAME}'})});

que j'ai mis dans une feuille js du forum sur "toutes les pages" ({ USERNAME} sans l'espace).
Mais ça ne fonctionne pas.

J'aimerai que ça marche juste pour le sous-forum f3- et que le titre soit { USERNAME}

Comment faire ?
Merci d'avance.

[Self]

Bonjour,

Essayez plutôt ce script :

Code:

$(function($){if(location.pathname == '/post' && /^\?f=74&mode=newtopic$/.test(document.location.search)) $('input[name=subject]:first').each(function(){$(this)[0].value=_userdata.username;})});

Bonne soirée .

[alv]

Bonsoir,
Merci mais ça ne fonctionne pas.

[Self]

Bonjour,

Je me suis trompé en mettant 74 ou lieu de 3 .
Maintenant ça devrait être bon :

Code:

$(function($){if(location.pathname == '/post' && /^\?f=3&mode=newtopic$/.test(document.location.search)) $('input[name=subject]:first').each(function(){$(this)[0].value=_userdata.username;})});

[alv]

J'avais remarqué l'erreur et je l'avais modifié de mon côté.

Je suis désolé, le problème venait de moi. Votre code marche parfaitement. Je suis entrain de modifier les templates de mon forum et j'étais sur l'url /post?f=3&tt=1&mode=newtopic
Alors, c'est sûr, ça ne pouvais pas marcher.

Dernière question : comment griser la case "titre du sujet" ?

[Self]

Re,

Remplacer le script par celui-ci :

Code:

$(function($){if(location.pathname == '/post' && /^\?f=3&mode=newtopic$/.test(document.location.search)) $('input[name=subject]:first').each(function(){$(this)[0].value=_userdata.username;$(this).prop('disabled', true).css('background-color','#AAA');})});

[Ea]

Bonjour,


Un élément html avec l'attribut <... disabled="disabled"> est ignoré lors de l'envoi du formulaire.

Je pense qu'il faudrait plutôt utiliser readonly ( ou bien laisser le disabled mais ajouter un champ doublon <input type="hidden" /> ).

Cordialement.

[Self]

Effectivement c'est le cas, je n'avais pas testé l'envoi.
Readonly fonctionne .
Prenez plutôt ce script donc Alv :

Code:

$(function($){if(location.pathname == '/post' && /^\?f=3&mode=newtopic$/.test(document.location.search)) $('input[name=subject]:first').each(function(){$(this)[0].value=_userdata.username;$(this).prop('readonly', true).css('background-color','#AAA');})});

Merci à Ea .

[alv]

Je suis désolé, je me suis mal expliqué.
Je souhaiterais que la case soit bloquée, que le membre ne puisse pas changer son contenu.

[Self]

C'est le cas
Cela ne fonctionne pas sur votre forum ?

[alv]

En fait si, c'était juste un problème d'apparence de la case.
J'ai modifié le code comme ceci :

Code:

$(function($){if(location.pathname == '/post' && /^\?f=3&mode=newtopic$/.test(document.location.search)) $('input[name=subject]:first').each(function(){$(this)[0].value=_userdata.username;$(this).prop('readonly', true).css('color','#A6A6A6');})});

Mais je voudrais aussi rajouter une ligne de CSS : cursor: default. Comment l'ajouter à ce code ?


Edit: j'ai essayé ceci et ça marche :

Code:

$(function($){if(location.pathname == '/post' && /^\?f=3&mode=newtopic$/.test(document.location.search)) $('input[name=subject]:first').each(function(){$(this)[0].value=_userdata.username;$(this).prop('readonly', true).css('color','#A6A6A6').css('cursor','default');})});

Merci à vous 2 pour votre aide.

[Ea]

Vous pouvez aussi mettre juste :

Code:

$(this).prop('readonly', true).addClass('disabled_input');

et ensuite ajouter le style que vous souhaitez par la feuille CSS ( PA > Affichage > Couleurs > Feuille de style ), pour votre exemple :

Code:

.disabled_input {
  color: #A6A6A6;
  cursor: default;
}