Récupérer une variable javascript qui s'affiche dans un span

Version imprimable

30/12/2021, 21h58
laurentvoanh

Récupérer une variable javascript qui s'affiche dans un span

Bonjour,

J'utilise un script METAMASK pour récupérer une adresse de metamask

https://github.com/giekaton/php-metamask-user-login

Hors il m'affiche l'adresse du wallet dans un span qui se nomme "ethAddress", en javascript et ajax

https://github.com/giekaton/php-meta...ter/js/main.js

https://github.com/giekaton/php-meta...erver/ajax.php

Ne connaissant pas ces language comment puis je récupérér dans une variable en php (ex : $adressewallet) le contenu du span qui contient l'adresse du wallet ?

Merci à vous.
30/12/2021, 22h14
jreaux62

Bonjour,

Ajax. :aie:
31/12/2021, 16h30
domi65

Bonjour

Comme le dit laconiquement jreaux62, tu peux utiliser un objet XMRHttpRequest() si tu veux récupérer le contenu du span sans recharger la page

Si tu veux le faire via un formulaire et un changement de page, alors avant le submit, il faudra qu'un petit script JS copie le contenu du span dans un champ caché (hidden).

Cordialement.
01/01/2022, 14h58
laurentvoanh

Je maitrise trop peu javascript et le XMRHttpRequest()
d'autant plus que je ne sais même pas dans quelle page s'exécutent ces commandes
https://github.com/giekaton/php-meta...ter/js/main.js
https://github.com/giekaton/php-meta...erver/ajax.php

je pense que ce que je cherche est déjà ecris dans le code puisqu'il m'importe un champs de la base de donné

Je vais essayer de trouver seul en mode hiéroglyphe et copier coller hasardeux.
Si quelqu'un a le temps un jour de se plonger dans le github en question. ;)

J'ai trouvé un script beaucoup plus léger

pouvez vous s'il vous plait comment obtenir en php ($adresswallet) la réponse que j'ai en JavaScript sur ce code tout simple :

Code:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
<html>
 
<head>
  <title>Web3 Metamask Login</title>
  <link href="https://unpkg.com/tailwindcss@^2/dist/tailwind.min.css" rel="stylesheet">
</head>
 
<body class="flex w-screen h-screen justify-center items-center">
  <div class="flex-col space-y-2 justify-center items-center">
    <button id='loginButton' onclick="" class="mx-auto rounded-md p-2 bg-purple-500 text-white">
      Login with MetaMask
    </button>
    <p id='userWallet' class='text-lg text-gray-600 my-2'></p>
  </div>
 
  <script>
    window.userWalletAddress = null
    const loginButton = document.getElementById('loginButton')
    const userWallet = document.getElementById('userWallet')
 
    function toggleButton() {
      if (!window.ethereum) {
        loginButton.innerText = 'MetaMask is not installed'
        loginButton.classList.remove('bg-purple-500', 'text-white')
        loginButton.classList.add('bg-gray-500', 'text-gray-100', 'cursor-not-allowed')
        return false
      }
 
      loginButton.addEventListener('click', loginWithMetaMask)
    }
 
    async function loginWithMetaMask() {
      const accounts = await window.ethereum.request({ method: 'eth_requestAccounts' })
        .catch((e) => {
          console.error(e.message)
          return
        })
      if (!accounts) { return }
 
      window.userWalletAddress = accounts[0]
      userWallet.innerText = window.userWalletAddress
      loginButton.innerText = 'Sign out of MetaMask'
 
      loginButton.removeEventListener('click', loginWithMetaMask)
      setTimeout(() => {
        loginButton.addEventListener('click', signOutOfMetaMask)
      }, 200)
    }
 
    function signOutOfMetaMask() {
      window.userWalletAddress = null
      userWallet.innerText = ''
      loginButton.innerText = 'Sign in with MetaMask'
 
      loginButton.removeEventListener('click', signOutOfMetaMask)
      setTimeout(() => {
        loginButton.addEventListener('click', loginWithMetaMask)
      }, 200)
    }
 
    window.addEventListener('DOMContentLoaded', () => {
      toggleButton()
    });
  </script>
</body>
 
</html>

Juste après ce code, j'aimerais avoir

Code:

1
2
3
4
5
<?php
 
$ladresseduwallet = javascript bidule qui récupère et affiche l'adresse du wallet;

?>

01/01/2022, 17h42
jreaux62
On ne peut pas.
- Le PHP s'exécute côté serveur.
- Le Javascript côté client (donc après)
D'où : Ajax.