Novità
Da:
ItaliaNerd

Registrati gratuitamente per diventare un membro della community ItaliaNerd! Una volta effettuato l'accesso, potrai partecipare a questo sito aggiungendo i tuoi argomenti e post, nonché connetterti con altri membri tramite la tua casella di posta privata! Sentiti libero di utilizzare questo portale come meglio credi, per una breve panoramica dai un'occhiata QUI!

Problemi con html

M

Michu

Nuovo Utente
ciao a tutti sono un jr dev di html e non riesco a fare una "integrazione" cioè fare si che quando si schiaccia invia il sito tramite un webhook mandi un embeed con tutto il contenuto del sito. Provandolo con un altro codice andava ma non capisco come risolverlo. se ci fosse qualcuno capace mi può contattare o qui sotto o direttamente su discord a questo id Michy#1163
 
Ciao, hai provato con il metodo che ti ho proposto su discord?
developer.mozilla.org

Fetch API - Web APIs | MDN

The Fetch API provides an interface for fetching resources (including across the network). It will seem familiar to anyone who has used XMLHttpRequest, but the new API provides a more powerful and flexible feature set.
developer.mozilla.org developer.mozilla.org

Facendo una breve ricerca, ho trovato un esempio. Prova a usare questi codici in una demo per vedere se è quello che stai cercando:

HTML: 
<ul id="controls" class="grid">
  <!-- Controls will get inserted here via javascript -->
</ul>

JavaScript: 
/* Configure your list of controls and their URIs */
let controls = [{
    label: 'Bedroom 1',
    uri: 'bedroom1',
  },
  {
    label: 'Bedroom 2',
    uri: 'bedroom2'
  },
  {
    label: 'Bathroom',
    uri: 'bathroom'
  },
  {
    label: 'Kitchen',
    uri: 'kitchen'
  }
];

const controlsContainer = document.getElementById('controls');

/* Loop through each control and create a button element */
controls.forEach(function(control, index) {
  let button = document.createElement('li');
  button.appendChild(document.createTextNode(control.label));
  button.className = 'grid-cell';
  button.setAttribute('role', 'button');
 
  button.addEventListener('click', function() {
      callWebHook(control.uri);
  })
  controlsContainer.appendChild(button);
});

/* Calls a webhook with a provided URI */
function callWebHook(uri) {
    fetch(`http://server_ip/token/blah/${uri}=1`);
}

CSS: 
body {
  margin: 0;
  padding: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  min-height: 100vh;
  font-family: sans-serif;
}

.grid {
  display: grid;
  grid-template-columns: 1fr 1fr;
  grid-column-gap: 2rem;
  grid-row-gap: 2rem;
 
  list-style-type: none;
  margin: 0;
}

.grid-cell {
  color: #fff;
  background-color: #22262B;
  width: 8rem;
  height: 8rem;
  border-radius: 1rem;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  box-shadow: 0px 6px 12px rgba(34, 38, 43, 0.12);
}

.grid-cell:hover {
  background-color: #383F47;
}

Se hai già del codice funzionante, prova pubblicarlo qui, potrebbe aiutare.
 
Indietro
Alto