pas d'événement sur "input"
3 participants
Page 1 sur 1
pas d'événement sur "input"
Bonsoir
Voilà plusieurs jours que je me heurte à ce problème: un bout de programme que j'ai pris sur le net pour comprendre comment je pourrai ensuite passer, par click sur un élément, une valeur du body à une variable dans le head.
HTLM
L'outil de développement Firefox ne mentionne aucun événement.
aucune réponse au click mais peut-être une réponse à mon message et une solution à mon souci.
Bonne soirée
Jaso[/code]
Voilà plusieurs jours que je me heurte à ce problème: un bout de programme que j'ai pris sur le net pour comprendre comment je pourrai ensuite passer, par click sur un élément, une valeur du body à une variable dans le head.
HTLM
- Code:
<form>
<input type="button" value="Démarrer la machine" />
</form>
<p>
La machine est arrêtée.
</p>
CSS
<script type="text/javascript">
//<![CDATA[
var btn = document.querySelector('input');
var txt = document.querySelector('p');
btn.addEventListener('click', updateBtn);
function updateBtn() {
if (btn.value === 'Démarrer la machine') {
btn.value = 'Arrêter la machine';
txt.textContent = 'La machine est démarrée !';
} else {
btn.value = 'Démarrer la machine';
txt.textContent = 'La machine est arrêtée.';
}
}
//]]>
</script>
L'outil de développement Firefox ne mentionne aucun événement.
aucune réponse au click mais peut-être une réponse à mon message et une solution à mon souci.
Bonne soirée
Jaso[/code]
Re: pas d'événement sur "input"
jaso a écrit:Bonsoir
Voilà plusieurs jours que je me heurte à ce problème: un bout de programme que j'ai pris sur le net pour comprendre comment je pourrai ensuite passer, par click sur un élément, une valeur du body à une variable dans le head.
Essayez d'être un peu explicite dans votre demande ! Vous parlez d'une valeur body à une variable dans le head ?
Que voulez-vous faire plus exactement ? C'est quoi cette machine ? En terme technique ça n'a aucun sens.
Cordialement
Alain
Re: pas d'événement sur "input"
ça vient de là je crois :
https://developer.mozilla.org/fr/docs/Web/HTML/Element/Input/button
La plupart du temps, lorsqu'un tel script ne fonctionne pas, c'est qu'on a loupé une virgule quelque part.
DAns votre code d'origine le terme "CSS" ne me semble de trop (mais c'est pas ça qui coince)
https://developer.mozilla.org/fr/docs/Web/HTML/Element/Input/button
La plupart du temps, lorsqu'un tel script ne fonctionne pas, c'est qu'on a loupé une virgule quelque part.
DAns votre code d'origine le terme "CSS" ne me semble de trop (mais c'est pas ça qui coince)
Re: pas d'événement sur "input"
Bonjour
Le "CSS" mentionné dans la partie "code" n'était là que pour différencier HTLM et CSS (élément et propriété). Le bout de code provient en effet du lien mentionné par FredVig et il fonctionne aussi bien sur codeopen que sur "developper..".
L'origine de mon problème:
un widget radio (radionomy pour le citer) se compose d'une partie HTLM et d'une partie script js à loger dans la feuille CSS ("modifier le head" de jimdo): le head possède donc une fonction rad(x,y) avec x étant le volume, autoplay...et "y" une valeur (0 ou 1 pour autoplay, 0 à 100 pour le volume...
Mon but:
saisir une valeur "z" (ou un click) dans un élément (autre que l'élément possédant les contrôles du widget) et passer cette valeur dans l'argument de "rad (x, z)".
Voilà pourquoi j'ai voulu lancer le bout de programme joint précédemment et qui ne déclenche aucun événement.
Merci de vos réponses
Cordialement
jaso
Le "CSS" mentionné dans la partie "code" n'était là que pour différencier HTLM et CSS (élément et propriété). Le bout de code provient en effet du lien mentionné par FredVig et il fonctionne aussi bien sur codeopen que sur "developper..".
L'origine de mon problème:
un widget radio (radionomy pour le citer) se compose d'une partie HTLM et d'une partie script js à loger dans la feuille CSS ("modifier le head" de jimdo): le head possède donc une fonction rad(x,y) avec x étant le volume, autoplay...et "y" une valeur (0 ou 1 pour autoplay, 0 à 100 pour le volume...
Mon but:
saisir une valeur "z" (ou un click) dans un élément (autre que l'élément possédant les contrôles du widget) et passer cette valeur dans l'argument de "rad (x, z)".
Voilà pourquoi j'ai voulu lancer le bout de programme joint précédemment et qui ne déclenche aucun événement.
Merci de vos réponses
Cordialement
jaso
Re: pas d'événement sur "input"
J'ai fait des essais et je confirme que ce Js ne fonctionne pas sur Jimdo.
La raison peut venir de la structure du builder, la présence d'autres scripts qui le perturbent, un choix de protocole d'écriture. Je ne maitrise pas ces domaines, mais le "Modifier le head" place les codes (JS ou CSS) après le Head. Certains codes Js ont besoin d'être placés en premier dans le flux, ce qui s'avère impossible sauf en design personnalisé. J'ignore si c'est le cas pour ce code.
La raison peut venir de la structure du builder, la présence d'autres scripts qui le perturbent, un choix de protocole d'écriture. Je ne maitrise pas ces domaines, mais le "Modifier le head" place les codes (JS ou CSS) après le Head. Certains codes Js ont besoin d'être placés en premier dans le flux, ce qui s'avère impossible sauf en design personnalisé. J'ignore si c'est le cas pour ce code.
Re: pas d'événement sur "input"
C'est un problème de placement du script: j'essaie de comprendre en écrivant le code hors de jimdo et voir ce qui ne va pas puis trouver une solution dans jimdo.
Merci de votre coopération: je vous tiens au courant
Bonne journée
jaso
Merci de votre coopération: je vous tiens au courant
Bonne journée
jaso
Page 1 sur 1
Permission de ce forum:
Vous ne pouvez pas répondre aux sujets dans ce forum
|
|