0
votes

Comment changer de valeur en temps réel avec jQuery ou JavaScript?

Voici mon code: http://jsfiddle.net/tqjuco4x/1/ Voici ma dernière question: Obtenez des valeurs ColorPicker dans HTML? P>

Je ne veux pas le mettre à jour dans ma dernière question comme son nouveau problème et sa nouvelle chose que je souhaite ajouter à mon code, c'est pourquoi je demande à une nouvelle question, j'espère que les éditeurs n'entendent pas. p>

Comment puis-je obtenir une valeur en direct sans cliquer sur le bouton Changer de couleur. Je veux dire dans mon code, je dois choisir la couleur, puis cliquer sur le bouton Changer de couleur est leur façon de le faire vivre, je veux dire que je veux supprimer ce bouton et lorsque l'utilisateur choisit sa mise à jour en direct? P>

<button id="triggerImg">Change Color</button>

javascript jquery html

4 commentaires

S'il vous plaît poster votre code dans la question elle-même.

Vous pouvez utiliser l'événement ONKKEUP sur la zone de texte à l'aide de JavaScript

@Andrewl Bien sûr, je vais faire ça

@Mandardhadve Pouvez-vous expliquer im nouveau à ces choses, de toute façon merci de l'aide

4 Réponses :

3
votes

C'est simple. Utilisez l'événement .CHANGE CODE>.

function updateFont(color, jso){
    var hexStr = jso.toHEXString();
    console.log(hexStr);
}

6 commentaires

Bonjour, merci de l'aide s'il vous plaît si vous ne voulez pas que vous puissiez vous expliquer, je veux dire faire un exemple en direct sur jsfiddle, im nouveau que j'ai besoin d'aide pour comprendre le fonctionnement des codes

Salut, je ne sais pas ce qui se passe, mais le code ne fonctionne pas .. regarde ici jsfiddle.net/egq3udsb Voir Qu'est-ce qui ne va pas mal ..

@Deccc Mettez les scripts en haut de la balise de la tête et assurez-vous que JQuery est chargé.

Oui, je fais toutes choses mais je ne sais pas pourquoi le code Java ne remplace pas une nouvelle image lorsque la couleur choisie?

Tu n'es pas. Je viens de modifier votre code pour faire ces choses et cela a fonctionné. Si vous avez des problèmes supplémentaires, je vous recommande de poser une autre question comme des commentaires ne sont pas pour une discussion prolongée.

Désolé pour ça, j'ai essayé de frais frais sur mon site et sur Jsbin, w3schools.com/html/tryit .asp , même à nouveau sur Jsfiddle, si je demande aux nouveaux éditeurs de questions, demandez-moi de mettre à jour ma question précédente et de voter négatif. Désolé encore, merci beaucoup pour votre temps .im incapable de le comprendre c'est pourquoi je demande, de toute façon merci, merci encore. C'est pour moi votre connaissance de votre connaissance à Newbie .. Merci

2
votes

Vous pouvez utiliser changer code> sur le champ de texte. Vous pouvez trouver le docs JQuery Docs ici . Puis modifier le CSS à l'intérieur de la fonction de rappel de modifier code> à l'aide de jQuery CSS Lire les docs pour CSS ici .

$( ".your-input-text" ).change(function() {
     //Change the CSS here.
     $( this ).css([
           color: $(this).val(), "background": "#fff"
     ]);
});

0 commentaires

1
votes

donc j'ai édité votre jsfiddle

Voir jsfiddle xxx

2 commentaires

Merci, mais ce n'est pas mis à jour les valeurs, veuillez regarder à nouveau, merci pour le temps et l'aide

Bonjour, @jaapaap Pouvez-vous regarder cela, comme il ne met pas à jour les valeurs de JavaScript dans HTML .. Veuillez regarder à nouveau dans votre code .. Merci encore pour votre temps et votre aide

0
votes

Probablement ce que vous voulez faire est -

$("#txt_Search").keyup( function() {
    var searchQuery = $("#txt_Search").val();
    //your code
});

1 commentaires

Pouvez-vous s'il vous plaît expliquer, je veux dire un exemple en direct sur jsfiddle, merci de l'aide et du temps.