Communauté francophone - Jimdo
Bienvenue sur le nouveau forum de discussion officiel de la communauté francophone des utilisateurs de Jimdo.

Ce forum annule et remplace le précédent forum Jimdo, qui a malheureusement dû être fermé pour raisons techniques.

Vous avez un ou plusieurs sites Jimdo ? Enregistrez vous sur le forum, posez vos questions et prenez part aux discussions !

Vous êtes simple visiteur ? Vous pouvez consulter nos pages, mais vous ne pourrez pas laisser de message.

Rejoignez le forum, c’est rapide et facile

Communauté francophone - Jimdo
Bienvenue sur le nouveau forum de discussion officiel de la communauté francophone des utilisateurs de Jimdo.

Ce forum annule et remplace le précédent forum Jimdo, qui a malheureusement dû être fermé pour raisons techniques.

Vous avez un ou plusieurs sites Jimdo ? Enregistrez vous sur le forum, posez vos questions et prenez part aux discussions !

Vous êtes simple visiteur ? Vous pouvez consulter nos pages, mais vous ne pourrez pas laisser de message.
Communauté francophone - Jimdo
Vous souhaitez réagir à ce message ? Créez un compte en quelques clics ou connectez-vous pour continuer.
Le deal à ne pas rater :
Fnac : 2 Funko Pop achetées : le 3ème offert (large sélection de ...
Voir le deal

pas d'événement sur "input"

3 participants

Aller en bas

pas d'événement sur "input" Empty pas d'événement sur "input"

Message par jaso Mer 28 Mar 2018 - 19:54

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
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]

jaso

Messages : 33
Date d'inscription : 31/10/2017

http://test-arcadiere.jimdo.com

Revenir en haut Aller en bas

pas d'événement sur "input" Empty Re: pas d'événement sur "input"

Message par Alain Mer 28 Mar 2018 - 23:26

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
Alain
Alain

Messages : 148
Date d'inscription : 06/10/2014

http://newtemplates2.jimdo.com/

Revenir en haut Aller en bas

pas d'événement sur "input" Empty Re: pas d'événement sur "input"

Message par FredVig Jeu 29 Mar 2018 - 0:23

ç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)
FredVig
FredVig

Messages : 2392
Date d'inscription : 07/10/2014

http://fredvig.com

Revenir en haut Aller en bas

pas d'événement sur "input" Empty Re: pas d'événement sur "input"

Message par jaso Jeu 29 Mar 2018 - 8:02

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

jaso

Messages : 33
Date d'inscription : 31/10/2017

http://test-arcadiere.jimdo.com

Revenir en haut Aller en bas

pas d'événement sur "input" Empty Re: pas d'événement sur "input"

Message par FredVig Jeu 29 Mar 2018 - 10:59

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.
FredVig
FredVig

Messages : 2392
Date d'inscription : 07/10/2014

http://fredvig.com

Revenir en haut Aller en bas

pas d'événement sur "input" Empty Re: pas d'événement sur "input"

Message par jaso Jeu 29 Mar 2018 - 11:07

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

jaso

Messages : 33
Date d'inscription : 31/10/2017

http://test-arcadiere.jimdo.com

Revenir en haut Aller en bas

pas d'événement sur "input" Empty Re: pas d'événement sur "input"

Message par Contenu sponsorisé


Contenu sponsorisé


Revenir en haut Aller en bas

Revenir en haut


 
Permission de ce forum:
Vous ne pouvez pas répondre aux sujets dans ce forum