[RESOLU] Bout de code JS pour mise en majuscule qui ne fonctionne pas (débutant)

Eléphant du PHP | 206 Messages

28 janv. 2018, 19:20

Bonjour, je souhaiterais faire un champ texte qui affiche directement des majuscules mais en JS afin de pouvoir l'utiliser ensuite en PHP (pas de CSS).
J'ai donc ce bout de code :

onKeyUp="javascript:this.value=this.value.toUpperCase();"

qui fonctionne très bien si je l'ajoute à un input text classique. Cependant, comme j'utilise un while en PHP et tout un tas de chose (aussi du JS pour afficher le nb de caractères restant d'un champ) et comme je suis surtout débutant en JS, alors impossible de le faire fonctionner ! Peut être est t'il placé au mauvais endroit ?

(Précisions supplémentaire : Lorsque je supprime l'ID de mon input, les Majuscules fonctionnes, mais plus mon code qui compte le nombre de caractères)



<div class="boite_texte">	
	<input type="text" onKeyUp="javascript:this.value=this.value.toUpperCase();" id="texte_50" name="texte_50" value="" size="100" maxlength="3" />
	<span class="carac_restants" id="carac_texte_50"></span>

	<script type="text/javascript">
		<!--
		maxlength_textarea('texte_50','carac_texte_50',3);
		-->
	</script>
</div>

<label for="ameliorer" ><h2>Texte ligne 1 <span class="info" >(facultatif)</span> :</h2></label><br />





Cadeaux personnalisés d'après photos, gravure...
http://www.cadeauxplaisir.com/

Avatar du membre
Administrateur PHPfrance
Administrateur PHPfrance | 7508 Messages

29 janv. 2018, 11:20

Bonjour,

A priori ton problème viendrait d'une incompatibilité entre tes 2 codes javascripts car ça ne peut pas venir d'un problème entre JS et PHP vu que le 1er s'exécute dans le navigateur et le 2ème sur le serveur donc pas au même endroit.

Il faut que tu regardes dans la console de ton navigateur pour voir les messages d'erreur Javascript :
Dans Firefox et Chrome, il faut faire Ctrl+Maj+i puis l'onglet Console.
Tu peux aussi utiliser l'onglet Débogueur pour mettre des points d'arrêts et débuguer ton code JS
Quand tout le reste a échoué, lisez le mode d'emploi...

Eléphant du PHP | 206 Messages

29 janv. 2018, 13:53

Merci pour ta réponse, j'ai utilisé la console de Chrome et il n'y a aucun message d'erreur. Quant à la seconde solution je suis incapable de la mettre en oeuvre car mon niveau en JS est quasi nul. Merci quand même pour ton aide ;)
Cadeaux personnalisés d'après photos, gravure...
http://www.cadeauxplaisir.com/

ViPHP
ViPHP | 1986 Messages

04 févr. 2018, 09:44

Essayes cela :
$(document).on({
	keyup : function (event) {
		var element = event.target||event.srcElement;
		var f = $(element);
		
		if (f.is('input')) {
			var v = f.val();
			v.toUpperCase();
			f.val(v);
		}
	}
},'input[type="text"]');
It is nice to be important but it is more important to be nice
http://www.aureuswebfactory.fr

Eléphant du PHP | 206 Messages

13 févr. 2018, 01:03

Super, Merci beaucoup, bonne journée ;)
Cadeaux personnalisés d'après photos, gravure...
http://www.cadeauxplaisir.com/