Actualité informatique
Test comparatif matériel informatique
Jeux vidéo
Astuces informatique
Vidéo
Télécharger
Services en ligne
Forum informatique
01Business

|-  INTERNET


|||-  

Comment intégrer un calculateur

 

1 utilisateur anonyme et 106 utilisateurs inconnus
Ajouter une réponse
 

 
Page photos
 
     
Vider la liste des messages à citer
 
 Page :
1
Auteur
 Sujet :

Comment intégrer un calculateur

Prévenir les modérateurs en cas d'abus 
mattdeplay
Bébé forumeur (De 10 à 49 messages postés)
  1. Posté le 23/05/2018 à 16:32:41  
  1. answer
  1. Prévenir les modérateurs en cas d'abus
 
Bonjour, j'aimerais intégrer un calculateur sur mon site web comme sur celui ci https://ironshark-coaching.fr/ [...] ie-intake/

Comment faire ?

Merci

  1. config
tintin10
Habitué (de 5 000 à 9 999 messages postés) Développeur
  1. Posté le 23/05/2018 à 19:52:42  
  1. answer
  1. Prévenir les modérateurs en cas d'abus
 
Bonjour. Est-ce un calculateur sur les besoins caloriques, ou autre chose dont tu as besoin ?
Qui dit calculateur dit calculs, donc en fonction de ce que tu veux faire, il peut y avoir des solutions différentes.
J'aimerais également l'adresse de ton site, s'il te plaît.


---------------
Configuration matérielle : voir ce lien
Merci de respecter les règles du forum
(Publicité)
mattdeplay
Bébé forumeur (De 10 à 49 messages postés)
  1. Posté le 23/05/2018 à 23:16:10  
  1. answer
  1. Prévenir les modérateurs en cas d'abus
 
Bonjour, oui c'est un calculateur avec besoin calorique. Voici mon site http://matt-coachsportif.fr

Merci

  1. config
tintin10
Habitué (de 5 000 à 9 999 messages postés) Développeur
  1. Posté le 24/05/2018 à 19:41:52  
  1. answer
  1. Prévenir les modérateurs en cas d'abus
 
Le calculateur du site que tu indiques fait les calculs uniquement en JavaScript.
Il faudrait donc tenter d'intégrer le code suivant :
Code :(Double-cliquez pour supprimer les numéros de ligne)
  1.  <DIV CLASS="wrapper">
  2.    <DIV CLASS="values_section">
  3.      <DIV CLASS="column_row">
  4.        <DIV CLASS="field">
  5.          <INPUT TITLE="Age" CLASS="age" TYPE="text" PLACEHOLDER="Age" VALUE="">
  6.        </DIV>
  7.        <DIV CLASS="field">
  8.          <SELECT TITLE="Sexe" CLASS="gender">
  9.            <OPTION VALUE="">Sexe</OPTION>
  10.            <OPTION VALUE="female">Femme</OPTION>
  11.            <OPTION VALUE="male">Homme</OPTION>
  12.          </SELECT>
  13.        </DIV>
  14.      </DIV>
  15.      <DIV CLASS="column_row">
  16.        <DIV CLASS="field">
  17.          <INPUT TITLE="Poids" CLASS="weight" TYPE="text" PLACEHOLDER="Poids (kgs)" VALUE="">
  18.        </DIV>
  19.        <DIV CLASS="field">
  20.          <INPUT TITLE="Taille" CLASS="height size" TYPE="text" PLACEHOLDER="Taille (cm)" VALUE="">
  21.        </DIV>
  22.      </DIV>
  23.      <DIV CLASS="column_row">
  24.        <DIV CLASS="field">
  25.          <SELECT TITLE="Objectif" CLASS="goal">
  26.            <OPTION VALUE="">Objectif</OPTION>
  27.            <OPTION VALUE="fat-loss">Perte de poids</OPTION>
  28.            <OPTION VALUE="maintenance">Maintenance</OPTION>
  29.            <OPTION VALUE="muscle-gain">Prise de muscle</OPTION>
  30.          </SELECT>
  31.        </DIV>
  32.        <DIV CLASS="field">
  33.          <SELECT TITLE="Niveau d'activité" CLASS="activity">
  34.            <OPTION VALUE="">Niveau d'activité</OPTION>
  35.            <OPTION VALUE="lightly-active">Sédentaire (activité physique modérée mais travail sédentaire)</OPTION>
  36.            <OPTION VALUE="moderately-active">Activité modérée (activité physique intense mais travail sédentaire)</OPTION>
  37.            <OPTION VALUE="very-active">Très actif (activité physique modérée mais travail actif)</OPTION>
  38.            <OPTION VALUE="extra-active">Très actif (activité physique intense et travail actif)</OPTION>
  39.          </SELECT>
  40.        </DIV>
  41.      </DIV>
  42.      <DIV CLASS="actions">
  43.        <A CLASS="button calculate_btn" HREF="#">CALCULER</a>
  44.        <DIV CLASS="wpt_unit_switcher metric" DATA-UNIT="metric">
  45.          <SPAN CLASS="metric">Metric</SPAN>
  46.          <SPAN CLASS="toggler">
  47.            <SPAN CLASS="metric"></SPAN>
  48.            <SPAN CLASS="imperial"></SPAN>
  49.          </SPAN>
  50.          <SPAN CLASS="imperial">Imperial</SPAN>
  51.        </DIV>
  52.      </DIV>
  53.    </DIV>
  54.    <DIV CLASS="results_section" DATA-DETAILS='{"carbs":{"name":"Glucides","value":""},"proteins":{"name":"Prot\u00e9ines","value":""},"fats":{"name":"Lipides","value":""}}'>
  55.      <DIV CLASS="title">Apports caloriques quotidiens cible</DIV>
  56.      <DIV CLASS="result">1614</DIV>
  57.      <DIV CLASS="footnote">Ces calculs sont basés sur des moyennes.</DIV>
  58.      <DIV CLASS="more" style="visibility: visible;">
  59.        <A TITLE="Voir détails" CLASS="details" HREF="#">Voir détails</a>
  60.        <A TITLE="Email me the results" CLASS="share" HREF="#">Sauvegarder résultats</a>
  61.      </DIV>
  62.    </DIV>
  63.  </DIV>
  64. </FORM>

Et rajouter le script suivant :
https://ironshark-coaching.fr/ [...] ?ver=4.9.5

A adapter à ton site, bien entendu.
Message édité par Tintin10 le 24/05/2018 à 19:45:09

---------------
Configuration matérielle : voir ce lien
Merci de respecter les règles du forum
mattdeplay
Bébé forumeur (De 10 à 49 messages postés)
  1. Posté le 24/05/2018 à 22:30:08  
  1. answer
  1. Prévenir les modérateurs en cas d'abus
 
Merci beaucoup ! :)

Je suis novice donc c'est un peu du chinois pour moi mais je vais essayer d'intégrer tout ça à mon site

(Publicité)
  1. config
tintin10
Habitué (de 5 000 à 9 999 messages postés) Développeur
  1. Posté le 25/05/2018 à 18:42:28  
  1. answer
  1. Prévenir les modérateurs en cas d'abus
 
O.K., tiens-moi au courant, merci.


---------------
Configuration matérielle : voir ce lien
Merci de respecter les règles du forum
mattdeplay
Bébé forumeur (De 10 à 49 messages postés)
  1. Posté le 25/05/2018 à 19:45:19  
  1. answer
  1. Prévenir les modérateurs en cas d'abus
 
Bonsoir, bon en fait je galère. J'aurais bien besoin de votre aide

  1. config
tintin10
Habitué (de 5 000 à 9 999 messages postés) Développeur
  1. Posté le 26/05/2018 à 14:36:12  
  1. answer
  1. Prévenir les modérateurs en cas d'abus
 
Comment est-ce que tu gères ton site ? A la main ou avec un C.M.S. ?
Il est hébergé chez qui ?


---------------
Configuration matérielle : voir ce lien
Merci de respecter les règles du forum
(Publicité)
mattdeplay
Bébé forumeur (De 10 à 49 messages postés)
  1. Posté le 26/05/2018 à 17:50:13  
  1. answer
  1. Prévenir les modérateurs en cas d'abus
 
Il est hébergé sur ovh via Wordpress

  1. config
tintin10
Habitué (de 5 000 à 9 999 messages postés) Développeur
  1. Posté le 27/05/2018 à 12:28:55  
  1. answer
  1. Prévenir les modérateurs en cas d'abus
 
Je ne connais pas bien WordPress, je fais tout à la main.

Dans un premier temps, on va essayer d'ajouter le code H.T.M.L., et voir ce qui s'affiche.
Il faut pour cela l'insérer en mode Text, et non Visual, là où tu peux modifier tes textes de pages.


---------------
Configuration matérielle : voir ce lien
Merci de respecter les règles du forum
mattdeplay
Bébé forumeur (De 10 à 49 messages postés)
  1. Posté le 27/05/2018 à 12:41:06  
  1. answer
  1. Prévenir les modérateurs en cas d'abus
 
(Publicité)
  1. config
tintin10
Habitué (de 5 000 à 9 999 messages postés) Développeur
  1. Posté le 27/05/2018 à 21:41:07  
  1. answer
  1. Prévenir les modérateurs en cas d'abus
 
O.K.. Il faudra travailler la présentation de tout ça pour bien intégrer l'ensemble.
Ajoute en plus :
Code :(Double-cliquez pour supprimer les numéros de ligne)
  1. <SCRIPT TYPE="text/javascript" SRC="https://ironshark-coaching.fr/wp-content/plugins/winner-post-types/assets/js/winner-post-types.js?ver=4.9.5"></SCRIPT>


Tu pourras plus tard, au besoin, télécharger ce script pour le mettre directement parmi les fichiers de ton site.


---------------
Configuration matérielle : voir ce lien
Merci de respecter les règles du forum
mattdeplay
Bébé forumeur (De 10 à 49 messages postés)
  1. Posté le 27/05/2018 à 22:01:16  
  1. answer
  1. Prévenir les modérateurs en cas d'abus
 
Ok, je travaillerais la présentation quand ça fonctionnera. J'ai bien mit le script dans la partie <head> sur wordpress mais ça ne fonctionne pas, il ne se passe rien.

  1. config
tintin10
Habitué (de 5 000 à 9 999 messages postés) Développeur
  1. Posté le 29/05/2018 à 20:52:27  
  1. answer
  1. Prévenir les modérateurs en cas d'abus
 
J'ai étudié un peu plus en détail, et il faudrait en fait que le code H.T.M.L. soit à l'intérieur de la balise :
Code :(Double-cliquez pour supprimer les numéros de ligne)
  1. <DIV CLASS="wpt_caloric_intake_calculator wpt_fitness_calculator wpb_content_element" DATA-UNKNOWNVAL="?">
  2.  …
  3. </DIV>


---------------
Configuration matérielle : voir ce lien
Merci de respecter les règles du forum
(Publicité)
mattdeplay
Bébé forumeur (De 10 à 49 messages postés)
  1. Posté le 29/05/2018 à 21:59:19  
  1. answer
  1. Prévenir les modérateurs en cas d'abus
 
Super, merci beaucoup ça fonctionne !

mattdeplay
Bébé forumeur (De 10 à 49 messages postés)
  1. Posté le 29/05/2018 à 22:35:07  
  1. answer
  1. Prévenir les modérateurs en cas d'abus
 
Par contre, les liens "voir détails" et "sauvegarder mes résultats" ne fonctionnent pas. Comment y remédier ?

  1. config
tintin10
Habitué (de 5 000 à 9 999 messages postés) Développeur
  1. Posté le 30/05/2018 à 19:50:57  
  1. answer
  1. Prévenir les modérateurs en cas d'abus
 
J'ai d'abord regardé le lien "Voir détails". En fait, il marche très bien, c'est juste qu'il faut totalement régler le C.S.S. pour afficher une pop-up. Actuellement, le contenu s'affiche tout en bas de ta page.
Pour commencer à faire simple, tu peux ajouter la feuille de styles suivante :
Code :(Double-cliquez pour supprimer les numéros de ligne)
  1. <LINK REL="stylesheet" ID="WPT-css-css" HREF="https://ironshark-coaching.fr/wp-content/plugins/winner-post-types/assets/css/winner-post-types.css?ver=4.9.5" TYPE="text/css" MEDIA="all">


---------------
Configuration matérielle : voir ce lien
Merci de respecter les règles du forum
 Page :
1

Aller à :
 

Sujets relatifs
Comment intégrer instagram sur site wordpress ? Intégrer de la musique sous droit d'auteur contre de la pub ?
comment intégrer ma chaine youtube a la page facebook de mon associati Integrer une page HTML dans un Email dans le but newsletter
pc en réseau : calculateur [terminé]  
Plus de sujets relatifs à : Comment intégrer un calculateur

Les 5 sujets de discussion précédents Nombre de réponses Dernier message
Ligne variablée en HTML 4
Remplacer un code Style inline par un code style CSS. 12
Arnaque l'annuaire : fr.bhanvad.com 2
Création de Site de rencontre 8
Accés chaines sports 2